6

I'm having some problems with some CSS properties in IE8.

I've tested my site in IE7, Chrome and Firefox and they work fine but IE8 is having some layout issues.

I inspect the developer tool option on ie8 and I've noticed that some of the properties I set in CSS are being ignored by ie8. For example:

 #header { position: relative; padding: 20px; height: 100px; background:url(header.png); }

In this header IE8 ignored the height property: If I inspect the element in developer tools it is missing that property and it's crushed into another line:

background:url;HEIGHT: 100PX

The same thing happens for floats too:

#logon { float: left; text-align:right; width:20%; height: 40px; padding-left: 0px; padding-right:7px; border:0; margin:0; background: url(navgradient.gif); }

This ignores the float value:

background: url(navgradient.gif); FLOAT:left;

What is happening here and how can I fix it?

Improve this question
2
  • 1
    I've seen the same thing happening and never figured out why. Is your document valid HTML and CSS? Does it work better if you use background-image: url(navgradient.gif)? Commented May 9, 2010 at 15:35
  • are there any updates on this issue? it is driving me cracy Commented Jan 15, 2013 at 11:29

3 Answers 3

Reset to default
1

I've seen this too. Some styles are shown on the same line, happens to me with "filter" lines.

The HTML renders in IE correctly, but if you try to toggle that CSS line on/off, it affects both properties. So unchecking "filter: alpha(opacity=25); BOTTOM: 10px" in dev tools disables both the "filter" and "bottom" CSS rules.

So it seems like a bug in dev tools' parser, but not the IE rendering engine. It's crazy how this still isn't fixed.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

0

Seems like a parse error, or similar. Try putting quotes around the image names;

background: url('navgradient.gif');
Improve this answer

Comments

0

I've seen this happen if the stylesheet contains filter properties.

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.