IE attribut une taille à mon div

fieldset

19 Feb 2008 à 11:21

Bonjour,

J'ai un petit problème...
Sous IE lorsque je teste ce code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<style>
*
{
padding: 0;
margin: 0;
border: 0;
}

#yop
{
background: green;
height: 2px;
width: 2px;
position: absolute;
top: 50px;
left: 250px;
}
</style>
</head>
<body>
<div id="yop"></div>
</body>
</html>

IE se contrefiche de la taille de 2px que je lui donne en hauteur...
En largeur, j'ai bien 2px, mais en hauteur j'ai un div qui fait aproximativement 10px...

Pourriez-vous m'aider ? Merci d'avance Smiley smile

Thomas D.

19 Feb 2008 à 11:24

Salut,

je suppose qu'il s'agit d'IE 6 ? IE6 ne comprend pas la propriété height, il l'interprète comme min-height. Ajouter

overflow: hidden

devrait régler le problème (je suppose qu'un élément de 2px de haut ne contiendra pas d'informations vitales ...)

fieldset

19 Feb 2008 à 11:27

Salut:)

Merci pour ta solution Smiley smile

Alors en effet ta solution fonctionne, et j'ai également trouvé une autre solution. IE attribut à l'élément, une hauteur minimum correspondant à la hauteur d'une ligne de texte. Mon astuce est donc de rajouter la propriété suivante :

font-size: 0;

Merci beaucoup quand même Smiley smile

!!

CSS et mise en forme, CSS3

IE attribut une taille à mon div