Rozciąganie Div-ów Opcje

[grzegorz-gg]

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?

[vokiel]

czekasz na gotowca?
1. nie wiem w czym problem

Kod

//#box
width: 300px;
//#box1
width: 150px;
//#box2
width: 150px;

2.

Kod

min-height: 100px; // Internet Explorer od wersji 7
// dla wersji ponizej 7 mozna tak:
min-height: 100px;
height: auto !important;
height: 100px;

3. zrobi to automatycznie
4.

Kod

//div lewy:
float: left;
//div prawy:
float: right;

Ten post edytował vokiel 26.10.2007, 07:31:20

[grzegorz-gg]

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?

[vokiel]

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

Ten post edytował vokiel 2.11.2007, 08:25:13

[pavobe]

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

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