Need help with Wordpress/CSS

March 16, 2005 2:58 PM

My Wordpress-based site looks perfect in Firefox, but terrible in IE. Can someone with a few minutes give me some advice? Here's my index.php and the CSS. The problem seems to be the with my supernavcontainer div (which contains my menu at the top).
posted by exhilaration to computers & internet (5 comments total)

Although this doesn't answer your question specifically, I've found that using Dean Edwards' IE7 product to be a great way to get a similar look-and-feel between IE and other browsers. I typically just add it to my page, design for Firefox, and everything will look fine in IE.
posted by HiddenInput at 4:34 PM on March 16, 2005

I didn't have time to look at this in great detail, but for starters, your center column isn't working. Centering is broken in IE, and you need to use nested divs.

I got this working on Every Last Ounce, but I don't remember where I found it originally.

Have a look there and see if that helps you.
posted by Caviar at 6:02 PM on March 16, 2005

It's really helpful to start any CSS/HTML debugging by getting your site to first validate as XHTML, and then validate the CSS.

Your CSS looks largely syntactically valid, except for an extra } at the very end.

Otherwise you should start by pulling out suspect lines like:

#supernavcontainer
{
...
float: left;
}

Since it's visible floating left in IE even though it looks like you want it centered.
posted by nev at 6:09 PM on March 16, 2005

Centering: Auto-width Margins might help.
posted by kirkaracha at 7:03 AM on March 17, 2005

Thanks everyone, I'll start looking through your links.
posted by exhilaration at 7:14 AM on March 17, 2005