Проблем с CSS и HTML(ПОЗИЦИИ)

[skinybg]

Здравейте моля за помощ поради причината че от скоро кодирам с <div></div>

ЕТО ДЕМО НА ПРОБЛЕМА МИ http://jqskinybg.hit.bg

Проблема е следният имам два <div></div>-а с float : left; за менюта , но
когато информацията в тези два дива се уголеми Главната таблица НЕ се оголемява

Ето CSS :

body {background: url(img/back.gif) repeat-x; height: 1000px;}

#body { width: 965px; }

#zaka4alka { background: url(img/zaka4.gif) no-repeat; width: 965px; height: 36px; margin: -8px 0 0 0; }

#logo { float: left; background: url(img/logol.png) no-repeat; width: 155px; height: 196px; margin: -27px 0 0 30px; }

#else { float: left; width: 400px; }

#buttons { float: left; margin: -27px 0 0 0px; }

#first { float: left; background: url(img/poru4kaColored.png) no-repeat; width: 134px; height: 165px;}

#second { float: left; background: url(img/promociiColored.png) no-repeat; width: 134px; height: 165px; margin: 0 0 0 -70px; }

#third { float: left; background: url(img/aboutColored.png) no-repeat; width: 134px; height: 165px; margin: 0 0 0 -70px; }

.clear { clear: both; }

#mid { margin: -50px 0 0 0; }

#top { background: url(img/midTop.png) no-repeat; width: 918px; height: 35px;}

#field { background: url(img/main.png) repeat-y; width: 918px; }

#left { float: left;}

#right { float: left;}

.menu { border: 1px solid black;}

.bar {}

.field2 {}

#bottom { background: url(img/midBot.png) no-repeat; width: 918px; height: 37px; }

#footer { background: url(img/footer.png) no-repeat; width: 918px; height: 35px; }

Ето HTML :

<div id="body">
<div id="head">
<div id="zaka4alka"></div>
<div id="logo"></div>
<div id="else"> </div>
<div id="buttons">
<div id="first"></div>
<div id="second"></div>
<div id="third"></div>
</div>
</div>
<div class="clear">
<div id="mid">
<div id="top"></div>
<div id="field">
<div id="left">
<div class="menu">
<div class="bar">bar</div>
<div class="field2">sssss</div>
</div>
</div>
<div id="right">
<div class="menu">
<div class="bar">bar</div>
<div class="field2">sssss</div>
</div>
</div>
</div>
<div id="bottom"></div>
</div>
<div id="footer"></div>
</div>

 

[shterev]

След тези два дива, коитоа са с float:left; сложи тоя див:
<div style="clear:both;"></div>

 

[skinybg]

След тези два дива, коитоа са с float:left; сложи тоя див:
<div style="clear:both;"></div>

Мерси човече

 

[adrian]

Също така махни на body фиксираната височина, защото ако съдържанието на сайта ти стане по-голямо от 1000px ще се чудиш защо не ти се повтаря background-a
Същото важи и за кутийките, които искаш да си сменят височината в зависимост от съдържанието в тях.

 

[mitko8000]

Би ли ми казал откъде намери javascripta да се движат така тениските че много го търся да си завършя един дизаин при кодирането.
Така че ако дадеш линк ще съм ти много благодарен. :?:

 

[shterev]

Мисля,че точно това кодче си го е писал той, като полза и jquery