asked on

Background color not showing in IE8

Hello CSS Experts.

I have a div that has a white background color. It's working fine -- except it is showing up on IE8 as transparent.

In my next comment I will include the link to the development site.

The div is named div.inner clearfix

It is controlled by this css in custom.css

#main > div.inner {
background: none repeat scroll 0 0 #ffffff;
border: 10px solid #ffffff;
border-radius: 10px 10px 20px 20px;
}

Looking forward to fixing this IE8 compatibility issue!

Thanks!

Rowby

Rowby Goren

ASKER

Here's the link to the development site:

Click for development site

Thanks!

Scott Fell

Hard say if is an issue for this, but there are a lot of errors on the page. Try fixing these first http://validator.w3.org/check?uri=http%3A%2F%2Frowbytesting.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices#line-212

SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

HI

#main > div.inner {
background: none repeat scroll 0 0 #FFffff !important;
border: 10px solid #FFffff !important;
border-radius: 10px 10px 20px 20px;
}

fixed it. Thanks.

One more question. I am seeing another IE 8 compatibility issue. There is a banner at the top named hason-header.png. It is also not showing in my copy of IE8. It's "invisible"

The image is embedded in the html and I don't see it in any css specifically controlling it...

<div class="inner clearfix">
<img width="788px" height="173px" alt="" src="/templates/hasonrevised/images/hason-header.png"></div>

Open in new window

Your thoughts?

Thanks

Rowby

SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

HI

I replaced it with the following html

<img width="788" height="173" alt="" src="/templates/hasonrevised/images/hason-header.png">

Open in new window

But it is still not showing in IE8. Should I just remove the height and width attributes altogether?

Or should I do the header image via css for better compatibility???

Thanks

Rowby

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

p.s. do you really need 22 css files? Hee hee! Obviously not, but for now I'm "stuck" with them.. :)

Thanks again. BTW I have another css question here if you have time to dig into it...

https://www.experts-exchange.com/questions/28278460/Responsive-font-sizing.html