Discussion :

[Phenomenium]

Bonjour.
J'ai fais un display:block sur un lien avec une image de fond. Tout marche bien sous firefox mais sous IE la hauteur du block est plus haute que normale. (environ deux fois plus haute)
Est ce que quelqun sais pourquoi ?

code du css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.test   { display:block; width:136px; height:18px;background-image:url(../img/design/navigation/vnav_01_lecole_on.png); }

Pour info, mon image a pour taille : 136px*18px.

Merci

[SIBELIUS]

Est ce que quelqun sais pourquoi ?

Difficile à dire.
Cela peut venir d'un code HTML non valide (mal imbriqué par exemple), ou de propriétés qui intérfèrent avec les tiennes (line-height, font size, etc.)

[Linaa]

Le mieux c'est d'afficher les bordures pour voir ce qui depasse.

[marsupix]

Le mieux c'est d'afficher les bordures pour voir ce qui depasse.

outline est bien pratique dans ces cas là car contrairement à border, il n'est pas compté dans les calculs de largeurs, marges etc... et donc permet de simplement entourer les div etc...

[ackan]

Bonjour.
J'ai fais un display:block sur un lien avec une image de fond. Tout marche bien sous firefox mais sous IE la hauteur du block est plus haute que normale. (environ deux fois plus haute)
Est ce que quelqun sais pourquoi ?

code du css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.test   { display:block; width:136px; height:18px;background-image:url(../img/design/navigation/vnav_01_lecole_on.png); }

Pour info, mon image a pour taille : 136px*18px.

Merci

Ton problème est assez souvent rencontrés et trivial à solutionner, en fait c'est un bug d'internet explorer qui ne peut pas faire un boite d'une dimension infèrieure à celle du font-size du body.

Donc solution :

body {
font-size: 0px;
}

et aprés pour chacuns de tes éléments tu fixe la dimension de ta typo.

[marsupix]

bizarre, je n'ai jamais eu ce problème...

c'est seulement si on définit explicitement le font-size du body ? (car je ne le définit jamais (enfin pas de taille fixe, mais des em)