Discussion :

[sir_gcc]

Bonjour,

j'ai un problème avec l'interprétation de mon code html/css par internet explorer.
En gros il s'agit d'une boite dont la hauteur est de 6 pixels. Cette boite s'affiche parfaitement bien avec firefox, mais pas avec iexplorer. Ce dernier prend la liberté d'imposer une hauteur minimum à mes boites... Et donc ma boite est affichée avec une hauteur de 10 pixels (à vue de nez).
J'ai trouvé une bidouille, c'est de définir l'attribut line-height à 0 pixels.

Est-ce que vraiment c'est la bonne technique ? est-ce un bug connu ? y'a-t-il une meilleure solution ?

le code de la boite:

Code :

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

1
2
3
4
5
6
7
8
9
10
div.logbox_top {
position:absolute;
top:-1px;
left:6px;
line-height:0px;
height:6px;
width:188px;
border:1px #ffffff solid;
background-color:#feeab6;
}

Merci d'avance.

EDIT: retenez-moi !
Non, ça marche pas non plus en utilisant cet attribut line-height. Dans le code donné au dessus, si je l'affiche tel quel, iexplorer continue à imposer une hauteur minimum. Et si je met en commentaire l'attribut background-color, ça me fait une belle boite à la dimension demandée... Je comprends plus...

modéré par denisC : changement du titre

[taly]

1. mets ton line-height à 6px
2. ton div ne doit pas être vide sinon il n'est pas vu par ie : tu peux éventuellement placer soit une image transparente ou simplement un <br />

[artxtra]

Tu peux aussi essayer un font: 6px/0 avec comme élément &nbsp; !
A voir !

[Huntress]

Bonjour,

J'interviens sur ce sujet (peut être abandonné) puisque je viens de rencontrer le même problème et visiblement l'utilisation seule de :

Code :

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

font-size: 6px;

solve le problème comme le supposait artxtra.

En espérant que l'auteur de ce thread le surveille encore pour qu'il puisse mettre un petit résolu.