mercredi 26 novembre 2008

hack css for margin problem in hotmail aka live mail

problème avec margin sur hotmail, les veleurs sont ignorées ...
si vous souhaitez mettre les propriete de la balise <p> avec par exemple margin: 10px; hotmail n'en tiendra pas compte et laissera les valeur de votre navigateur, soit 0

j'ai essayé de remplacer le margin:10px; padding:0 par margin:0; padding:10px, mais le résultat n'est pas convaincant ...

solution :

ne plus utiliser la balise <p> mais un <div> (et non un span pour avoir le display:block)
avec une classe 'p' , et la le probleme disparait

sur hotmail donc :

div.p {
padding:7px 10px;
margin:0;
border:none;
}

a le même rendu qu'en HTML W3C avec :

p {
margin:10px;
padding:0;
}

Aucun commentaire: