I have tested a certain setup on all browsers, including compatibility mode on IE8 and have discovered that extra space appears only in IE8; but works fine in IE7 comp mode. I’ve been told it is because I use line-height in my CSS, and IE 8 has major issues with it.
Is there a fix for this? My line height for a particular H1 is 1.9em and renders fine in all browsers but IE8. Instead it looks like I have an extra <br> tag causing extra white space before new content.
Hi, IE8 generally doesn’t have any issues with line-height, so whoever told you that is probably misinformed :).
If you have a link to look at that would be great, as we wouldn’t be able to solve it lol.
If it is not online (which would make this easier for us) then providing full HTML and CSS would be the next best. You shouldn’t develop in compatibility view.
Hi, I am not seeing anything dropping down slightly (or at all) in IE8.
Can you grab a screenshot and upload it to something like photobucket and then post the direct link here? Make sure your not seeing a cached version of hte page
Your code is a little haphazard and you shouldn’t be using spans followed by two breaks to make space. Breaks are never used for making space and you should be using the correct element such as a p element or heading element (or div) and applying margins to those instead.
Spans are inline elements and used for sections of inline content and not for block content that you then follow by a break.
I love this ticking off. This was very good I hope to see more professionals do this. I was really happy to read this because I use breaks to make space simply because I can’t be bothered sometimes (darn lazy). I will try not to in the future.