Explication de la gestion des bugs padding CSS
Définition bug padding CSS
Vous trouverez ci-dessous divers bugs d'interprétation de la CSS padding.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart des bugs CSS "non vérifiés", c'est que je ne possède pas le navigateur sur lequel a été détecté le bug.
Ceux que j'ai pu visualiser sont notés :
Bug vérifié : oui.
Bug padding CSS n° 1
Bug padding mis par Dmc
Système d'exploitation : windows xp
Navigateur : Internet Explorer 6
Bug vérifié : oui
Problème avec padding:
J'ai voulu changer l'aspect d'un mot en lui métant un fond et une bordure.
Ce changement est effectué lorsque je survole le mot avec mon curseur.
Sur Internet Explorer mon bloc, change de taille sur le "onmouseover".
<style>
#dmcbloc {
width: 60%;
padding: 2%;
background-color:#eee;
}
.dmc{
border:1px dotted red;
text-decoration:none;
}
</style>
<div id="dmcbloc">
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis. Eros
Et Accumsan dignissim qui <strong onmouseover="this.className='dmc'">blandit praesent</strong> luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis
eleifend option congue nihil imperdiet doming id quod mazim.
</div>
Solution du problème par DMC :
Vous pouvez changer de DTD : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> avec les problèmes que cela comporte.
Ou changer l'unité du padding.