I am trying to design a page based on the 3 column / faux column technique given in chapter 8 of Dan Cederholm's excellent new book "Bulletproof Web Design" .
I have downloaded the sample code for the book. My design is very similar, the differences being 1) The column widths are different. 2) Obviously the sliding gifs have been changed to match. 3) The page is centered by giving body margin: 0 auto; and text-align center; wrap is given width:90%; text-align: left; 4) A horizontal navigation div is inserted between the header div and main-body divs. Everything displays OK in Firefox 1.0.6, Opera 8.02 and Netscape 7.2 but in IE6 the background image for the left hand faux column (the one for wrap-inner) displays under the new horizontal navigation div but on top of the header div! It's as if IE thinks that the header div is somehow sandwiched between the wrapper and wrapper-inner divs. The right hand faux column works OK. An example of the problem can be seen at http://www.colfes54.org.uk/test4.html Regards, Peter ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
