‘DIV’ that takes up the height of the browser

[djpic]

Hello,

I need to know if there is a way in CSS to make the height of a ‘div’ the same height as the brewer window? I have tried height of 100%, but of course that doesn’t work. Any ideas?

[cizmic]

Why didn’t 100% work? Can you give me the code or result?

[djpic]

Here is a quick demo of sort of what I want to do.

Your text to link…

[cizmic]

Try using

html, body {
height: 100%;
}

That should fix it.

[djpic]

Well, that worked….Thanks! I did try the body 100% by itself but didn’t work. I guess you need the HTML as well. Any idea why you need both?

[cizmic]

Because in browsers, the html tag is considered as a block element.

[djpic]

Oh yes, of course, thanks.

[Author]

Posts