[HTML][CSS]problem z divem Opcje

[sazian]

witam,
mam taki kod

[HTML] pobierz, plaintext 
<div style="margin:0 auto;width: 800px;border:1px solid green;">
  <div style="width:180px;float:left;border:1px solid red;">
       <br><br><br><br><br><br>
  </div>
  <div style="width:593px;float:left;border:1px solid blue;">
      <br><br><br><br><br>
  </div>
</div>
[HTML] pobierz, plaintext 

a oto efekt działania skryptu
(IMG:http://img227.imageshack.us/img227/3803/69840843qv6.th.png)

dlaczego ten pierwszy div(ten "zielony") nie "obejmuje" tych 2 pozostałych divów (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
chodzi mi o to że jego wysokość jest mniejsza niż wysokość diwów które są w nim

Ten post edytował sazian 29.07.2008, 18:17:57

[luniak]

[HTML] pobierz, plaintext 
<div style="margin:0 auto; width: 800px; border: 1px solid green; overflow: auto;">
    <BR><br><br>
    <div style="width: 180px; float: left; border: 1px solid red;">
    <br><br><br><br><br><br>
    </div>
    <div style="width: 593px; float: left; border: 1px solid blue;">
    <br><br><br><br><br>
    </div>
</div>
[HTML] pobierz, plaintext 

Mam nadzieję ze pomogłem

Ten post edytował luniak 29.07.2008, 18:48:59

[Tomplus]

Myśle że to będzie lepsze.

[HTML] pobierz, plaintext 
<div style="margin:0 auto; width: 800px; border: 1px solid green;">
<br/><br/><br/>
<div style="width: 180px; float: left; border: 1px solid red;">
<br/><br/><br/><br/><br/><br/>
</div>
<div style="width: 593px; float: left; border: 1px solid blue;">
<br/><br/><br/><br/><br/>
</div>
<div style="clear:both;"></div>
</div>
[HTML] pobierz, plaintext 

[sazian]

oba rozwiązania działają (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)