Hauteur minimale balise div sous IE
Résolu
bobo56890
-
bobo56890 -
bobo56890 -
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:
Savez-vous pourquoi ? Si oui comment résoudre le problème ?
Merci.
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:
- Hauteur minimale balise div sous IE
- La girafe hauteur de ponts gratuit - Forum Loisirs / Divertissements
- Waze hauteur véhicule ✓ - Forum GPS
- Balise br ✓ - Forum CSS
- Ie tab - Télécharger - Outils pour navigateurs
- Calcul d'itinéraire pour poids lourd gratuit ✓ - Forum Logiciels
3 réponses
disons qu'IE6 est particulièrement mauvais !
pour ton <div> as-tu essayé d'enlever les marges et espacements ?
ou alors en ajoutant du contenu, difficile de prédire le comportement sur une balise vide .
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 .
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 !!!
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 !!!
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.
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.
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
+ 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
J'ai IE 7.
Mais je suppose que c'est identique sous les autres versions d'IE ?