Browsera Blog Cross-Browser Site Compatibility

Experiencing testing delays

Hey there everyone, we’ve been mentioned on Twitter by @smashing_mag, and it’s been retweeted numerous times! Thanks for all the support and checking us out. Unfortunately, our servers weren’t quite prepared for all of the testing requests, so we apologize for the delay. We’re working on adding more capacity so we can deliver a better and faster turn around time.

Currently, free account tests will not be processed for up to 24 hours, however, we are doing everything possible to bring that time down. Apologies again, and happy testing,

Browsera
Follow us on Twitter

Mysterious margins in IE can be caused by document whitespace

Images not lining up right in IE?  If it appears that there is a mysterious margin in IE even when your margins are set to “0″, you’re probably affected by this.  Internet Explorer treats whitespace as significant inside of anchors.

Consider the following example:

<div style="border: 1px solid black; width: 200px;">
    <p style="float: left; margin: 0;">This is some text</p>
    <a style="float: right; " href="#">
        <img src="x.png" />
    </a>
    <div style="clear: both;"></div>
</div>

And the resulting rendering in Internet Explorer 7 and Firefox

If the whitespace surrounding the <img> element is removed, IE places the item in the same place as Firefox!

So, next time you find a mysterious extra margin showing up in IE, remember this tip.

P.S. Sometimes it is undesirable to remove the whitespace formatting.  Another workaround is to apply the style “font-size: 0px” to the anchor element.