+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: 100% height bez height (/thread-100-height-bez-height)
100% height bez height - camelrafal - 06-05-2012
Problem w kodzie:
Kod:
<div id="pudlo">
<div id="lewo" style="height:100%;float:left; background:red;padding:10px;">
Chcę aby ten element był rozciągniety na całą wysokosc pudla
</div>
<div id="prawo" style="background:blue;padding:10px;">
Ten element ma zmienną wysokość uzależnioną od zawartości<br>
Pudło ma dostosować swoją wysokość do tego właśnie elementu<br>
Jak to zrobić?
</div>
</div>RE: 100% height bez height - Kartofelek - 07-05-2012
Position:absolute ma taką fajną właściwość, że ładnie ustawia się na 100% wysokości.
Czyli rodzic dostaje position:relative; czerwony position:absolute; a niebieski margin-left na szerokość czerwonego.
Kod:
<div id="pudlo" style="position:relative">
<div id="lewo" style="position:absolute; width:200px; height:100%;float:left; background:red;padding:10px;">
Chcę aby ten element był rozciągniety na całą wysokosc pudla
</div>
<div id="prawo" style="margin-left:200px; background:blue;padding:10px;">
Ten element ma zmienną wysokość uzależnioną od zawartości<br>
Pudło ma dostosować swoją wysokość do tego właśnie elementu<br>
Jak to zrobić?
</div>
</div>Jeżeli ci nie pasuje ten sposób (a niby czemu?) to wtedy użyj typu wyświetlania tabelkowego (ale wtedy zapomnij o starych IE)
RE: 100% height bez height - camelrafal - 07-05-2012
Sposób z pole position absolute działa ale jeszcze zobacze typ tabelkowy z ciekawości
wczoraj cały dzień nad tym siedziałem ale absoluta nawet nie brałem pod uwagę (niby dlaczego? - nie wiem) :]
MIT OBALONY
sprawdziłem sposób display:table; jak dla mnie rewelacja a stare IE generalnie już prawie wygineło [chyba]