Hi, this is a typical page from my website: http://www.seachanger.com/seachanger//nest/changing.html
It's a simple CSS layout of a header, footer and 3 columns. The CSS file is here: http://www.seachanger.com//seachanger/style.css Everything is fine (after the usual rounds of tweaking) in Firefox, and IE7. However, in IE6 there remains a problem in the third column, with a large gap between the picture which sits at the top and the content (just ads at the moment, more content in the future), which is supposed to sit directly under it, but doesn't. I swear I've turned grey trying to fix it. Would anyone have any ideas? (Preferably without resort to hacks.) Here's the basic layout code, with "container" being the 800px wrapper for the layout. I would be wimperingly grateful for any help. body { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; } #container { width: 800px; margin: 0 auto; } #header { padding-top: 0px; clear: both; } #leftcol{ width:160px; float:left; margin-right:20px; } #content{ width:416px; float:left; } #rightcol{ width:184px; float:left; margin-left:20px; } #footer { margin-top: 20px; clear: both; } ______________________________________________________________________ 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/
