> 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.
Hello Eoin, here's my version, I've deleted the margins for clarity. HTH Niklas <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Untitled</title> <style type="text/css" media="screen,projection"> body { margin: 0em; padding: 0em; } #header { background-color: #FF00FF; } #leftNav { width: 180px; background-color: #00FF00; float: left; } #rightAds { width: 110px; background-color: #0000FF; float: right; } #content { margin: 0px 0px 0px 180px; background-color: #00FFFF; } #leftNavAndContent { width: 89%; background-color: #FFFF00; float: left; } </style> </head> <body> <!-- works on Windows with: Firefox V1.0.6 Firefox V1.5.0.3 IE 6 IE 7 beta 2 Opera V7.23 Opera V8.54 Mozilla V1.7.1 Netscape V7.1 --> <div id="header"> header </div> <div id="leftNavAndContent"> <div id="leftNav"> leftNav </div> <div id="content"> content </div> </div> <div id="rightAds"> rightAds </div> </body> </html> ______________________________________________________________________ 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/