[XHTML]Automatyczne rozciąganie diva. Opcje

[DonJeday]

Witam,

Mam główny div w którym jest kolejny div. I teraz chccę żeby wysokośc głównego diva wzrastała wraz z wysokością diva który jest w nim, jak to zrobić? Jak usune z niego height to robi się bardzo krótki i div w nim wystaje za niego.

[hiszpanespaniol]

dla internet explorer'a (przepraszam za wyrażenie) "height" oznacza tak naprawdę minimalną wysokość. Natomiast dla przeglądarek internetowych oznacza po prostu wysokość (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) . Więc jeżeli chcesz, aby Ci się skalowała wysokość pod wszystkimi przeglądarkami, to musisz zrobić taki myk:

[HTML] pobierz, plaintext 
div#glowny {
height: auto !important;
height: 20px;
min-height: 20px;
}
[HTML] pobierz, plaintext 

Pierwsza linijka każe np Firefox'owi ustawić automatyczną wysokość i jednocześnie zignorować drugą linijkę.
Druga linijka ustawia wysokość (czyli minimalną wysokość dla ie) na 20px.
Trzecia (niezrozumiała dla ie6) ustawia minimalną wysokość dla tych przeglądarek, które znają coś takiego jak min-height.
Czyli Fx, Opera i ie7 odczytaja 1szą i 3cią linijkę, ie6 odczyta tylko drugą. W ten sposób otrzymasz minimalna wysokość pod wszystkimi przeglądarkami. Nie potrzeba tu overflow'ów jeśli div'y wewnątrz głównego nie będą float'owane.

Jeżeli chcesz inną minimalną wysokość, to pamiętaj o jej zmianie w obydwóch linijkach.
I taka kolejność definiowana jak napisałem jest niezbędna żeby działało.

pozdrawiam