[CSS][HTML] Div na 100% height wewnatrz kontenera Opcje

[kaźmirz]

Mam dziwny problem, wydaje mi sie ze kiedys (calkiem niedawno), nie bylo z tym problemow.
Chodzi o to, ze chce zrobic tak, aby strona byla minimum na 100% wysokosci okna, zrobilem tak:

[CSS] pobierz, plaintext 
html, body{ height: 100%; }
 
.kontener{
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px;
	border: 1px solid black;
}
.strona{
	width: inherit;
	height: 100%;
	border: 1px solid red;
	margin: 0px;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="kontener">
   <div class="strona"></div>
</div>
[HTML] pobierz, plaintext 

No i problem polega na tym, ze div "strona" nie chce sie rozciagnac na 100% wysokosci diva "kontener".

[cniak]

wstawiłeś tekst i też tak było?

[ensei]

Podbijam temat.
Jak zrobić żeby div strona był na całą wysokość, tj. odziedziczył wysokość rodzica?

[bostaf]

Sprawdzone w IE6, Firefox i Chrome:

[CSS] pobierz, plaintext 
html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        text-align: center; /* żeby podrzędny DIV był wycentrowany w IE */
    }
 
    .kontener {
        width: 800px;
        height: 100%;
        margin: 0 auto; /* żeby podrzędny div był wycentrowany w FF, Chrome */
        background-color: lightblue;
    }
    .strona {
        height: 100%;
        background-color: orange;
    }
[CSS] pobierz, plaintext 

Działa to w IE7, IE8 i IE9?

[--ensei--]

Znalazłem coś lepszego, i o to mi chodziło:
Dla potomnych

http://stackoverflow.com/questions/6158975...0-height-layout