Martin Ström

100% height CSS for IE7 and more

I needed an element with a background to be 100% height and the usual solutions didn’t seem to work for this project. The problem with the other solutions around the web is that they either work when the page is short and without scrollbars, or they just work for longer page (with scrollbar).

A friend reminded me to set the element to display: table;, but said it might now work for IE7. He was right and here’s how to make it work for everyone.

The element I want full height for is .document and the base structure for the html is:

The CSS which works is:

Mac OS X 10.5.1 and Multi-Safari

Seems like Multi-Safari (at least 2.0.4) broke when upgrading to Mac OS X 10.5.1. I get this error:

“You cannot use the application ‘Safari 2.0.4′ with this version of Mac OS X.”

Luckily, I’ve found a workaround. Just launch Safari from the command line ( that is) and it should work for you:

/Applications/Safari\ &

CSS is in progress