Box element stretch 1

[FreshJava]

Is there a way to have a box element height match screen resolution? Currently I have my height set to a static height i.e. height:600px; what I want is for the box height to match the screen height, like tables do when you set height to 100% and put a space (&nbspin as a place holder.

I've goolged this ? with no real results could be that I'm using incorrect search terms.

 

[vacunita]

Box elements will only take 100% of their parent container if their parent container has explicit dimensions. Try giving the body and html explicit widths.

html,body{
height:100%;
width:100%;
}



----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[FreshJava]

That did the trick. Thanks
while I knew that box elements only expanded to 100% of the parent container I just couldn't get the body element to stretch 100% of the page. The only thing I was missing was the html added to the body element. doh!! sometimes I completely over look the easy.

 

[vacunita]

Glad to have helped.

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.