I have a block layout with floating divs (roughly speaking, 3 divs) but I need them to be equal in height to the screen height, no less.... height: 100%; and min-height: 100%; don't work
and their height only changes if there is something inside them(((
height 100% in a block only works if the parent block is 100%
there was a fix with a negative margin
there are several options
you can google them
already did. body. html { height: 100%; min-height: 100%}
and the children min-height: 100%
and I've been googling for a week(((
;(
does body have position:absolute or fixed ?
if it does .. then it won't work
body itself doesn't have position:absolute or fixed
(((((((
I turned everything off for body except the height - the height of the child elements didn't change((
http://clubs.ya.ru/4611686018427388015/replies.xml?item_no=28
thanks(((
but it's all so complicated((((((((((((
well, does it work?
figured it out... you need to set height: 100%; on EVERY child element starting from body ))
which is what you told me at the beginning))
html, body {
height: 100%;
}
div.container {
height: 100%;
}
div.tabs {
height: 100%;
}
and so on for all nested elements
apparently by default the height is not inherited but is set to auto, that is, equal to the content
Comments