Windows live hotmail adding extra height in Safari Internet Browser

Urgent help!!!!!

Has anyone notice there is an image rending issue with Safari (Mac Internet Broswer) on Hotmail Live, it seem to have the same Images rending issue as firefox on Hotmail Live, by adding an extra 3 or 2 pixel gap on top of images.

If so, please update me:

I have updated the css from:

<head>
    <title>Untitled</title>
    <style media="all" type="text/css">
    table img {
    display:block;
    }
    </style>
</head>

to


<head>
    <title>Untitled</title>
    <style media="all" type="text/css">
    table img {
    display:block !important; padding: 0 !important; margin: 0 auto !important;
    }

background{
    background-repeat : no-repeat;
}
    </style>
</head>

and this seems, not to help fix the problem!

BR

Henke

Henry Balogun, 8 years ago

Great!!!!!!!!!

I last I have find the fix to the Safari browser! due to the fact that the Hotmail Live strip out the header CSS code you would have the append the code below to all images on your html page for Safari seek and other like.....

(1)

<head>
    <title>Untitled</title>
    <style media="all" type="text/css">
    table img {display:block;}
    .ai {display:block;}
    </style>
</head>

then on the each images do a "find" and "replace" to all the <img src=""  line as follows

Select

border="0" alt="">

and do a "find" and "replace" using "Homesite" or any other tool with the code below:-

class="ai"  style="display:block;"  border="0" alt="">

It works on Hotmail Live, AOL, Yahoo, Gmail ans Safari

zapatoche, 7 years ago

weird , I thought windows live htomail kept the style tag in the header of the document, i never had problem with it so far.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098