This is driving me insane. I have a 3 column layout based upon the ideas dealt with here:
http://www.alistapart.com/articles/negativemargins At the moment, when the page is resized the middle column drops, but I want the right column to drop (and ideally for the middle column to be a fixed width). Using the CSS and HTML listed below can anyone suggest a fix for this? I've been told to change the order of my columns in the code, but this makes no difference, it still drops the middle column. Any ideas anyone? Thanks! My CSS is thus: #leftNav { float: left; width: 180px; margin: 0; padding-top:5px; padding-left:2px; padding-right:5px; } #rightAds { float: right; width: 110px; padding-top:5px; } #content { margin-left: 210px; margin-right: 115px; padding: 1em; } And the html is: <body> <div id="header"> <!--#INCLUDE VIRTUAL="includes/header.inc" --> </div> <div id="leftNav"> <!--#INCLUDE VIRTUAL="includes/left.inc" --> </div> <!-- END LEFT--> <div id="rightAds"> <!--#INCLUDE VIRTUAL="includes/right.inc" --> </div> <!--END RIGHT--> <div id="content"> <!--#INCLUDE VIRTUAL="contentinc" --> </div> </body> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
