Posez votre question Signaler

Hauteur minimale balise div sous IE [Résolu]

bobo56890 - Dernière réponse le 15 avril 2009 à 16:53
Bonjour,
J'ai fait l'expérience et il m'est impossible de créer une boite à la l'aide de la balise div de hauteur minimum à 19 pixels sous IE. Sous Firefox pas de soucis.
Voici le code pour le boite de hauteur 5 pixels, elle apparaît de hauteur 19 pixels sous IE mais bien de hauteur 5 pixels sous Firefox:
<html>
<head>
<style>
#monclaque{
  width:100px;
  height:5px;
  background-color: #990000;
}
</style>
</head>
<body>
<div id="monclaque"></div>
</body>
</html>

Savez-vous pourquoi ? Si oui comment résoudre le problème ?
Merci.
Lire la suite 

Hauteur minimale balise div sous IE »

8 réponses
Réponse
+0
moins plus
salut,

tu testes sous IE 6 ?
bobo56890 - 15 avril 2009 à 15:57
Bonjour Dalida,
J'ai IE 7.
Mais je suppose que c'est identique sous les autres versions d'IE ?
Ajouter un commentaire
Réponse
+0
moins plus
disons qu'IE6 est particulièrement mauvais !

pour ton <div> as-tu essayé d'enlever les marges et espacements ?
#monclaque{
margin:0;
padding:0;
  width:100px;
  height:5px;
  background-color: #990000;
}

ou alors en ajoutant du contenu, difficile de prédire le comportement sur une balise vide .
bobo56890 - 15 avril 2009 à 16:07
Enlever les marges et les espacements n'y change pas grand chose, ajouter un contenu non plus.
En faite je viens de trouver le truc, la balise div réagit à la propriété "font-size" (que je croyais réservé au texte) j'ai donc remplacer pour IE la propriété "height" par la propriété "font-size" et cela fonctionne. Par contre ne me demandez pas pourquoi !!!
Dalida- 15 avril 2009 à 16:09
dans ce cas, ça doit être {line-height}.
mais c'est surprenant !
bobo56890 - 15 avril 2009 à 16:14
Ben non cela ne fonctionne pas avec la propriété "line-height", j'avais déjà essayé.
Effectivement j'avais que c'est bizarre.

J'ai tout de même envie de laisser ce sujet ouvert pour la question pourquoi obligé de mettre la propriété {font-size: 1px} sur les balises div inférieur à 19px sous IE ? sinon le bloc est automatiquement = à 19 px de hauteur.
Ajouter un commentaire
Réponse
+0
moins plus
quand c'est sous IE et que c'est bizarre, ça sent le has layout

+ http://forum.alsacreations.com/topic-4-17152-1-resoluHauteur-div.html

+ http://www.alsacreations.com/...
bobo56890 - 15 avril 2009 à 16:53
Bon d'après les liens que tu as fourni cela semble un problème connu de HasLayout donc exclusivement sous IE.
Je vais donc clore ce sujet.
Merci d'avoir participé.
Ajouter un commentaire
Ce document intitulé « Hauteur minimale balise div sous IE » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?