I am trying to create what should be a relatively straight forward 3 column fixed width layout with the first column on the right.
I use some of the technique from "In search of the Holy Grail", in that I float each of the columns left, use the padding to hold the first column where I want it, and then pull the other divs in position with a negative left margin. I am presuming that this technique is pulling the second and third columns to the left relative to the right edge of the first column I have encountered a problem with IE6 which I don't quite understand. The positioning of the 2nd and 3rd columns depends on which page I am on, and therefore, it appears from the content of the page. It appears (using the IE Developer Toolbar) that the first column's width is not fixed at the amount I have given it in the CSS, but seems to increase dependant on the content. But even then, I don't know why. At least two of the pages have content that the max internal width should be at least 10 pixels less than the width specified for the content. Since I have a separate ie6.css stylesheet, I could redo the approach completely for ie6. I have tried other things, but I always seems scuppered by the need to have clear:both somewhere in the other things. So I need to get to the bottom of why it is not working in IE6. Could someone help, as I have been exploring possibilities for about 10 hours of working time and am getting nowhere. The relevant site is http://www.hartley-web.com/templates/caro/index.php PS. On a side note, the logo for the site is in an absolutely positioned div, and I can't get the pngfix software to work with this logo. It does on some of the other templates on this site where the logo is not in an absolutely positioned div so I am assuming that is the issue. -- Alan Chandler http://www.chandlerfamily.org.uk ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
