[Gllug] css upgrade - the holy grail

Mark Preston mark at markpreston.co.uk
Sun May 27 07:29:11 UTC 2007


Hi all,
Using css to control page layout, rather than tables is recommended
nowadays, but it is not always easy to get the desired results in all
browsers.
Having read
http://alistapart.com/articles/holygrail
and trying to get the display for my homepage to work well in all
browsers I have produced this wrapper-free "Holy Grail". One div for
each section of the css code. Header, footer and three columns for the
main content.

body {margin: 1px; padding-left: 0px; padding-right: 0px; text-align:
center; background: aqua}
#hdr    {background: aqua; margin: auto;}
#nav1	{float: left; width: 25%; margin-right: -100%; background: white;
text-align: left}
#txt	{float: left; margin-left: 25%; width: 50%; background: aqua}
#nav2	{float: left; width: 25%; margin-right: -100%; background: white;
text-align: right}
#ftr	{clear: both; background: aqua;  margin: auto}
/*** IE Fix ***/
* html #txt {margin-right: -1%; margin-left: 13%}

I would be grateful for any comments and suggestions for improvements.
See
http://www.markpreston.co.uk/index.html
-- 
Regards,
Mark Preston
-- 
Gllug mailing list  -  Gllug at gllug.org.uk
http://lists.gllug.org.uk/mailman/listinfo/gllug




More information about the GLLUG mailing list