Hey

Most discussions on liquid layouts I've read lately seem to concentrate
on width and text line length. I haven't seen much on the 100% height
issue. Using html v4.01 with 100% height usually works fine in most
browsers using divs or tables or a combination of both.

Here are two valid html v4.01 examples

http://hinterlands.com.au/testing/testdivv4.html
http://hinterlands.com.au/testing/testtablev4.html

Here are two valid xhtml examples

http://hinterlands.com.au/testing/testdiv.html
http://hinterlands.com.au/testing/testtable.html

Both version share the same CSS and they are here

http://hinterlands.com.au/testing/testdiv.css
http://hinterlands.com.au/testing/testtable.css

In the xhtml versions Mozilla, Firebird and Opera all seem to agree on
not expanding each section unless there is content filling the space
within them. 

IE on the other hand happily expands each section, I suspect because the
browser renderer doesn't really differentiate between xhtml and html.

IE on Mac does its normal expand the page well beyond 100% regardless of
which html version for both div and table versions.

Safari renders the table versions expanded and the div version squashed
regardless of the html version.

Does anyone know of any links to further reading on this? 

Any advice, experiences appreciated.

Thanks
ChrisB  

  

   





*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 

Reply via email to