Удължаване на фон и фон на поста.

[sentenello]

Здравейте.
За да ви обясня по-лесно какво искам да направя ще ви дам линк към сървъра да погледнете.
Ето линка. www.prognozite.com/GALERIQ/login.php

Всички виждате, че в менюто отляво има + с който падат подменюта, та въпроса ми е как да направя когато дам точно да ми излезе подменюто фона на мястото където се намират снимките да стане с width=100%, защото в момента не става така.

Пояснение. там където са ми снимките е div с id=Main на което съм дал

#main
{
width:596px;
height:800px; 
background-color: #1589FF;
border: 1px solid #9A9A9A;;
float: right;
margin-top: 1px;
}

Имам почти същия проблем и с самия фон... затова е черен.

 

[sorRy]

направи всичко в една таблица

 

[sentenello]

Благодаря.
Друг вариант има ли да се направи ?

 

[jamby77]

Значи погледнах структурата на сайта и мога да кажа че не е особено удачна,но това си е твое решение. В момента имаш това:

<html>
<head>
</head>
<body>
<center>
<div id="body">
<a href="#">
<div id="header"> </div>
</a>
<div class="glossymenu">
</div>
<div id="main">
</div>
</div>
</center>
</body>
</html>

Първо за линка на хедъра - не се слагат блок елементи <div> във инлайн елементи <а>. Но както и да е конкретно на въпроса за да ти остане цялостен фона трябва да е на <div id="body"> който обаче не се удължава защото имаш за последни елементи два float елемента. За да стане номера можеш
1. Накрая да добавиш

<div style="clear:both"> </div>

което не е много добре защото добавяш елемент който няма смислово значение а само за вид - но понякога се налага.
2. Измисли си един футър - например:

<div style="clear:both">Copyright © 2009 sentenello</div>

Така хем имаш каквото ти трябва хем то има смисъл някакъв.
Дива трябва да е в <div id="body"> след <div id="main">

 

[sentenello]

Ако може да ми обясниш какво е "clear:both" защото не съм гол чел. В смисъл за какво служи.

А незнам дали от него или дето пипнах 2-3 места фоотъра ми вече се мести когато дам падащото меню. По-същия начин искам да направя и фона на id="main" да се удължава до края(100%).

 

[jamby77]

http://www.w3schools.com/Css/pr_class_clear.asp
А не можеш да направиш един елемент да се увеличава при увеличаването на друг(освен ако първия не съдържа втория) освен с javascript което в случая не е нужно. Затова ти написах да сложиш цвета на main да е бакграунд на div body

#body
{
width:800px;
border: 1px solid red;
background-color: #000;
}

 

[sentenello]

Чак сега те разбрах за какво ми говориш...
Мерси сега ще прегледам и линка за да видя clear:both какво е

 

[sentenello]

+1 :?:

 

[sentenello]

Според вас как е по-добре да бъде? Изцяло сайта да бъде в дивове или в таблица.. ?

 

[sinn]

Според вас как е по-добре да бъде? Изцяло сайта да бъде в дивове или в таблица.. ?

Лично аз ползвам само дивове

 

[0u7]

Аз ползвам само дивове... с таблици така и не се научих да кодирам :Д

 

[Liberate]

аз и двете за да става най-ефективно това което ми трябва

 

[sentenello]

Май ще ги комбинирам и аз. Благодаря за отговорите.