The only bug I've ever heard of that requires 100.1% (or rather 100.01)
is a font sizing issue in IE [1].
If you want an element to stretch 100% of the height of the viewport,
then you would *think* your approach would do it..
div#fullheight {
height: 100%;
}
This will work when the browser is in Quirks mode i.e no doctype, but
when you switch to Strict mode things get messy, to say the least.
According to the specs [2], a height:of 100% means
"give the element a height of 100% of the containing block's height."
In Quirks mode the containing block of the div is the body, and the body
stretches 100% of the viewport, which is why things work. In Strict
mode however, it stretches only as much space as is necessary for
containing its elements. This is partly because the body has a parent
containing element (html) and defaults to a value of auto.
Something like this *should* work:
html,body {height: 100%;}
div#fullheight {height: 100%;}.
However, unfortunately, that wont even come close to helping solve your
problem with equal height columns. This is a question often asked on the
css-design mailing list, and more often than not those asking leave
somewhat confused and dismayed at just how hard such a layout is to achieve.
There are a few layouts that will do what you want (all of which require
*some* hacking to help IE fall in line) but I would start with the
following:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
http://www.alistapart.com/articles/fauxcolumns/
There is also a very new layout (granted, it too has some issues) that
is also quite powerful:
http://www.positioniseverything.net/articles/onetruelayout/
[1] http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
[2] http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property
HTH
Mark
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application
http://www.houseoffusion.com/banners/view.cfm?bannerid=48
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:223806
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
