Détail du bug css de la css : padding


Explication de la gestion des bugs css


Définition


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 de bugs css "non vérifiés", ils sont soit sur des navigateurs MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui

Bug n°1

Bug 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".

Exemple de code :
<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>

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 blandit praesent 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.


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.

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 blandit praesent 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.



Reporter un bug ou problème d'interprétationavec la propriété padding