I've just created a site which tests perfectly in most browsers except IE6 which ruins the column widths. The third column is pushed below the middle column and I've tried numerous fixes to no avail. The site can be viewed at http://www.clearlygreendesign.com/endcruelty/index.html The original CSS for the problem div is: #content { width:270px; height:615px; background:#6a5126; float:right; margin: 0 5px 0 5px; padding: 18px 18px 18px 18px; display: inline; } I've also tried adding a conditional comment to my page as follows: <!--[if IE]> <style type="text/css"> #content { width:260px; height:600px; } </style> <![endif]--> I've never done this before but it doesn't seem to be working. Does anyone have any ideas how to fix this problem? I'm ready to pull out my hair with this IE glitch! Thanks so much!
Well... that conditional should be buggering it up more, not less. Either way... ok, warning, I'm rather brutal on this stuff - I'm not trying to be mean or harsh, I'm telling you the truth. Proper indenting might also help you at least FIND the problems - problems like the invalid markup of closing a tag that isn't open, the paragraph around the image map for no good reason - already has a perfectly good div around it - and is a image a paragraph? NO IT IS NOT! - right now there are five validation errors, cleaning those up is a start. Though I can tell from the telltales alone a hefty chunk of your problem is that you are relying on that bloated fat overpriced steaming pile of CRAP known as Dreamweaver - as evidenced by that MORONIC mm_swap javascript nonsense (which was a bad idea a decade ago, and has no place in a modern website - not your fault, probably the first thing some dreamweaver tutorial told you to use or template slapped in... ****ING dreamweaver) Of course, axing the failures at usability like that oversized flash animation pushing the actual page content a full screen down at 1024x768 might also be a good idea. The fixed height containers also introduce problems on 'large font/120dpi' systems as your right colum content is blowing out of it's container in ALL browsers except Firefux (which ignores the system metric on it's default font) Pretty much, you've got bigger problems than IE6.