asked on

IE Styling issues

I'm having issues with a new template in IE. See the attached html and open in FF & IE to compare. The issues include:
- Top header not taking background color. I can fix this by moving background: #eb444c; to the end but then the other browsers use that as well. I got the gradient code from http://www.colorzilla.com/gradient-editor/
- The first main content area doesnt show itself until you tab to another program and back, or hover over it with developer tools...?
- The background image is not stretching down to the size of the div
- The white background on divNewsCatContainer is not there

Can anyone help me fix these? I normally do ok at fixing IE issues but these have me at a standstill.
Newsletter-ONLINE.html

Eddie Shipman

Could it be related tho this:
"NetworkError: 403 Forbidden - http://s7d2.scene7.com/is/image/Baudville/FACEBOOK?fmt=png-alpha"

nzinsli

ASKER

No, not sure why you're getting that...I can get to that fine.

ASKER CERTIFIED SOLUTION

Kim Walker

membership

This solution is only available to members.

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

Start Free Trial

nzinsli

ASKER

Sorry, using IE8.

I had removed the filter because I didnt think it was working and has caused me problem in the past, but now I see why what was wrong.

The clear div wasnt there before and still caused the bg issue.

I seem to have fixed the rest of the issues with a height hack that I found where you need to declare the elements with backgrounds a height or width, and then undo it for non-ie.

Thanks for your suggestions!
Newsletter-ONLINE.html

nanharbison

You can create style sheets that only IE recognizes, they are called conditional style sheets. Here is one explanation of how to do it, under solution number 3:
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/