On Monday 23 October 2006 22:16, Alan Chandler wrote: > I have tried to use a modified version of AListApart's Holy Grail article > to line up the columns on my site (URL in my signature). The modification > is that > > a) I have put columns in the header and footer, > b) Mostly I only have two columns instead of 3 - setting one of the column > widths to 0. > > But IE doesn't display it correctly, and I can't work out what is wrong.
I have a little test harness to figure out how to get a double column mechanism working correctly using the instructions at http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ . Its at http://www.chandlerfamily.org.uk/testing/col.html (with css at http://www.chandlerfamily.org.uk/testing/col.css) but I already have strange effects that don't seem to be documented anywhere that I have found so far. In particular 1) The picture used as the background for the #logo div is 164 x 123 pixels. The #header div has a left margin of 164px, and whilst it sits close to the picture on both Firefox and Konqueror, IE/6 seems to show white space between the backgrounds of the #logo and #header divs. 2) If I add a border round the #header div the padding and a margin at the top of the page seem to alter in Firefox and Konqueror but not in IE/6 http://www.chandlerfamily.org.uk/testing/col2.html (with css at http://www.chandlerfamily.org.uk/testing/col2.css) Can someone explain what these effects are - so I can figure out how to fix them. -- Alan Chandler http://www.chandlerfamily.org.uk ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
