Error rendering element element in IE?

Has anyone seen this before - and is there anything you can do about it? This link refers to the PNG screenshot of the list display in IE - if you look closely, the line-height of each item gets slightly larger for each subsequent item. The website is completely controlled by CSS.

Screen shot

It's not a huge deal, but it's definitely weird.

Also, notice the space between the white line and the border of the border - this is not the case in both FF and Chrome, only IE.

+1


source to share


2 answers


Looks like a bug in IE7.

I just tested on IE8, works as expected in IE8 mode, but exhibits the same behavior in compatibility mode.



Update: messing about, the style seems to be overflow:hidden

causing this.

+4


source


I see your XHTML page and it validates ... But like every XHTML page it served text/html

, not application/xhtml+xml

(if IE didn't recognize it and asked if you wanted to save the file). So allthoug is a good idea to use XHTML, every browser receives XHTML and tells it HTML, so your nice valid XML is parsed as html tagsoup. (If you are truly stick-compatible and you really don't need to parse your page as XML, then "HTML 4.01 Strict" is still the best choice)

However, I'm not sure how this might affect the rendering of the list (since the syntax in the list should be essentially the same), but if IE doesn't understand the tag, it might not get the endtag. This reminds me of the impact you get if you forget the endtag on Lee, and I have a little addition to it ...



Never try to get pixel perfect rendering in IE, you will go crazy and you probably won't succeed; learn to live with him.: P

+2


source







All Articles