IE CSS Stylesheet problem

[weboy]

Hi, I created my site and have a main stylesheet. Everything works fine in FF, but in IE7, many of the attributes do not work. However, if I use inline coding within a tag, then I can see the css effects.

For example:

<td class="my_bgimage"> Will not show the background image and it's bottom position, but

<td style="background: url(background.jpg) no-repeat; background-position: bottom;"> Works fine.

Any idea why my stylesheet is not being read properly by IE but no problem with FF?

[CraniumDesigns]

i think u need to post the code you're using to link to the stylesheet. maybe even post the page live so we can debug it for you

[weboy]

i think u need to post the code you're using to link to the stylesheet. maybe even post the page live so we can debug it for you

Here's how I'm linking to the stylesheet:

<link rel="stylesheet" href="default.css" type="text/css" media="all">

[weboy]

Oh and here's a page to the code:

http://tinyurl.com/3xsdek

I have the background image working now only because of the inline coding. The area you can focus on is class="main_content_cell".

Thanks!

[CraniumDesigns]

man, i'm stumped on this one, but i'm still kind of a newb in css. i'm sure one of the mods can help.

[weboy]

I just took out the inline coding so that you can see how the css stylesheet works in Firefox but not in IE.

[Dan Schulz]

Unfortunately I'm downloading Internet Explorer 7 on a dialup connection (just recently reinstalled Windows XP Pro) so I really can't help you right now.

Have you validated your HTML and CSS? Have you checked to see that the image appears in IE 6? Are your image file paths correct?

I'd check those before doing anything else (while I suffer through dialup Hell updating my OS).

[Dark Tranquility]

Well don't use inline style!
Your CSS and HTML aren't valid:
http://jigsaw.w3.org/css-validator/v...usermedium=all
http://validator.w3.org/check?uri=ht...Inline&group=0

you even have 34 HTML errors fix them

[weboy]

Damn, let me look into all those!

[rguy84]

I imagine if you fix your CSS errors, it will be a lot happier. I would do those first. Most of your errors in the html validator are for ALT tags. Although they are very important, leaving them out wouldn't give this problem you have.

[Paul O'B]

HI,

Running the css through the validator would have fixed this in about 10 seconds.

you have stray text here:

.page_content a:visited    {
    color:    #990000;
    background-color: transparent;
    }she'ss

That text is causing the stylsheet to be broken and somethings gotta give.

You also have missed commas here:

    .site_map {
    color:            #5D0001;
    font-family:     "Trebuchet MS", verdana, geneva, sans-serif;
    font-size:         9pt;
    line-height:    12pt;
    letter-spacing: -0.5px;
    margin-left:     0;
    margin-top:     0;
}

.nav_links {
    color:            #232323;
    font-family:     "Trebuchet MS", verdana, geneva, sans-serif;
    font-size:         9pt;
    line-height:    11pt;
    letter-spacing: -0.5px;
    margin-left:     0;
    margin-top:     0;
}

Fix those and the background will show

[Dan Schulz]

I imagine if you fix your CSS errors, it will be a lot happier. I would do those first. Most of your errors in the html validator are for ALT tags. Although they are very important, leaving them out wouldn't give this problem you have.

I'm sure you meant alt attributes, not tags.

[weboy]

Thanks everyone, I fixed it all. The problem was definitely in the css stylesheet. There were some characters inserted in the middle of the document that had no reason being there. Time to start color coding my code!

[Paul O'B]

I fixed it all.

I think you'll find that I fixed it for you

[rguy84]

I'm sure you meant alt attributes, not tags.

Of course. But then again it was 8am here.