[CSS]Display:block sur un lien

Version imprimable

19/04/2006, 17h51
Phenomenium

[CSS]Display:block sur un lien
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:

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
19/04/2006, 18h49
SIBELIUS

Citation:

Envoyé par Phenomenium

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.)
19/04/2006, 19h58
Linaa

Le mieux c'est d'afficher les bordures pour voir ce qui depasse.
21/04/2006, 10h20
marsupix

Citation:

Envoyé par Linaa

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...
21/04/2006, 17h55
ackan
Citation:
Envoyé par 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:

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.
22/04/2006, 15h42
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)