Text rendering issue with <p> and <h2> in IE8 & IE9
I'm building a website but there seems to be a problem with the rendering of text in <p>
and text in <h2>
.
I have three columns in the footer but the center column renders its <p>
text through the <h2>
text. The problem only appears in IE8 and IE9. All IE versions before IE8 + Firefox render just fine.
I already tried position: relative
, margin and padding set to 0px
but nothing works. I am using a doctype
.
Below an image to show what happens:
Link to the full code on fiddle : http://jsfiddle.net/GWRfH/
In this case the problem can be fixed by taking a closer look at the wrong way of coding links <a>
. In the script was forgotten (numerous times) to end the <a>
tag with </a>
. This script uses <a>
to end the coding of a link.
I hope IE9/any can be rendered as IE8 using
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
in the head of html
精彩评论