Witam!
W jaki sposób napisać styl dla div-ów który jeden główny zawiera dwa zagnieżdżone i żeby każdy z nich miał:
1. ustalona szerokość,
2. ustaloną początkową wysokość,
3. aby dopasowywał swoja wysokość do zawartości,
4. dwa wewnętrzne div-y sąsiadowały ze sobą

[HTML] pobierz, plaintext 
<div id="box">
<div id="box1"></div>
<div id="box2"></div>
</div>
[HTML] pobierz, plaintext 

Jak do tej pory udało mi się coś takiego uzyskać tylko w przeglądarce IE.
Jak to napisać żeby wyglądało to w każdej tak samo?

czekasz na gotowca?
1. nie wiem w czym problem

2.
3. zrobi to automatycznie
4.

Zrobiłem tak

[HTML] pobierz, plaintext 
#box{ width:350px; min-height: auto; background:#FF000F; color:#FFFFFF; overflow: auto; }
#box1{ width:150px; min-height: 200px; float: left; background:#CCCCCC; color:#000000; }
#box2{ width:150px; min-height: 300px; float: right; background:#F000FF; color:#000000;}
[HTML] pobierz, plaintext 

Ale nadal mam problem ponieważ w Internet Explorer 6 nie wyświetla się div jeżeli nie mam on żadnej zawartości.
W jaki sposób napisać to aby w każdej przeglądarce wyglądało to tak samo poprawnie?

jeżeli brakuje zawartości dodaj niełamliwą (czy jakoś tak spację):

[HTML] pobierz, plaintext 
<div id="box">&nbsp;</div>
[HTML] pobierz, plaintext 

zreszta, po co ci div bez zawartości, wstaw sobie do testów lorem ipsum i zobacz czy wygląda tak jak oczekujesz

@pavobe: racja, wstawilem taką, ale chyba sama mi się tu zmieniła

Niełamliwa spacja to nie jest zwykła spacja, tylko:

[HTML] pobierz, plaintext 
 
[HTML] pobierz, plaintext