Cascading Tears of Stylish Despair

February 11, 2007 8:48 AM

Internet Explorer 7 broke my website's CSS!

I volunteer for a not for profit doing webdesign, www.stagesoflearning.org, and can't figure out the hack to position the middle div tag properly in IE 7 without messing up all the other browsers. The css is here. Anyone? If I didn't have a newborn baby and full-time job I could figure this out, but I'm superswamped!

Thanks, Hivemind.

posted by DenOfSizer to Computers & Internet (5 answers total)

If you know how to fix this specifically in IE 7, you can use a conditional comment to hide that CSS from other browsers.
posted by Khalad at 8:56 AM on February 11, 2007

Switching DocType to strict mught be the answer, or should at least make things more consistant across browsers and therefore easier to fix.
posted by Artw at 9:42 AM on February 11, 2007

You also have a bunch of weird stuff in there like so:

\

}
</style>
posted by bitdamaged at 11:28 AM on February 11, 2007

Even if you stick with a transitional doctype, make sure your HTML validates before trying to fix your CSS. It will be much easier to figure out what's actually wrong with the CSS then.

Seconding Khalad's recommendation about using conditional comments to give IE its crutches, rather than hacks within your main file. IE7 is less wonky than IE6, but also often in different ways. It's a lot easier to keep things working if you keep them separate.
posted by mimi at 2:43 PM on February 11, 2007

Also if you're still supporting IE 5.5 I would suggets giving yourself a break and dropping it. With the strict doctype IE6.0, I37.0, and Firefox should all behave roughly the same, but IE5.5 is a lost cause.
posted by Artw at 3:22 PM on February 11, 2007