Sujet Précédent Sujet Suivant

Hauteur minimale balise div sous IE

Résolu/Fermé
bobo56890 - 15 avril 2009 à 14:43
 bobo56890 - 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.
A voir également:

3 réponses

Réponse 1 / 3
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
15 avril 2009 à 14:48
salut,

tu testes sous IE 6 ?
0
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 ?
0
Réponse 2 / 3
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
15 avril 2009 à 16:00
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 .
0
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 !!!
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > bobo56890
15 avril 2009 à 16:09
dans ce cas, ça doit être {line-height}.
mais c'est surprenant !
0
bobo56890 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
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.
0
Réponse 3 / 3
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
15 avril 2009 à 16:17
quand c'est sous IE et que c'est bizarre, ça sent le has layout…

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

+ https://www.alsacreations.com/astuce/lire/68-pourquoi-mon-bloc-a-une-hauteur-plus-grande-que-prvue-sous-ie.html
0
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é.
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses