[CSS] probleme affichage tableau IE
Résolu
fraid
Messages postés
42
Date d'inscription
Statut
Membre
Dernière intervention
-
fraid Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
fraid Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voila j'ai créé un tableau en CSS qui s'affiche parfaitement sous FF, mais pas sous IE,
le code est super simple je ne comprend vraiment pas le problème !
le tableau est en trois partie : haut,milieu,bas. chacun avec un image de fond...
le probleme est que IE m'affiche le div haut et bas un peu plus grand que prévu du coup l'image de fond se répète. Si je met no-repeat, elle ne se répète pas mais j'ai unblanc dans la bordure du tableau, ce que je veux absolument éviter.
voici le code :
div.men_haut
{
display: block;
width: 208px;
height: 14px;
margin-top: 20px;
background: url(men_h.png);
}
div.men_milieu
{
display: block;
width: 208px;
background: url(men_m.png) repeat-y;
}
div.men_bas
{
display: block;
width: 208px;
height: 14px;
background: url(men_b.png);
}
et mon tableau :
<div class="men_haut"></div>
<div class="men_milieu">ici le contenu de mon tableau</div>
<div class="men_bas"></div>
voila je ne voit vraiment pas d'ou vient l'erreur !!
merci d'avance !!
voila j'ai créé un tableau en CSS qui s'affiche parfaitement sous FF, mais pas sous IE,
le code est super simple je ne comprend vraiment pas le problème !
le tableau est en trois partie : haut,milieu,bas. chacun avec un image de fond...
le probleme est que IE m'affiche le div haut et bas un peu plus grand que prévu du coup l'image de fond se répète. Si je met no-repeat, elle ne se répète pas mais j'ai unblanc dans la bordure du tableau, ce que je veux absolument éviter.
voici le code :
div.men_haut
{
display: block;
width: 208px;
height: 14px;
margin-top: 20px;
background: url(men_h.png);
}
div.men_milieu
{
display: block;
width: 208px;
background: url(men_m.png) repeat-y;
}
div.men_bas
{
display: block;
width: 208px;
height: 14px;
background: url(men_b.png);
}
et mon tableau :
<div class="men_haut"></div>
<div class="men_milieu">ici le contenu de mon tableau</div>
<div class="men_bas"></div>
voila je ne voit vraiment pas d'ou vient l'erreur !!
merci d'avance !!
A voir également:
- [CSS] probleme affichage tableau IE
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
Bonjour
Il faut regler la propriété css "line-height: 14px;" a chaque fois car par defaut une ligne fais plus de 14px de hauteur et du coup il adpate la div
Autre chose il ne faut pas laisser une div vide, si tu n'a pas de texte a ecrire dedans il faut mettre un pour qu'il cré quand même une ligne
div.men_haut
{
display: block;
width: 208px;
height: 14px;
margin-top: 20px;
background: url(men_h.png);
line-height: 14px;
}
div.men_milieu
{
display: block;
width: 208px;
height: 14px;
background: url(men_m.png) repeat-y;
line-height: 14px;
}
div.men_bas
{
display: block;
width: 208px;
height: 14px;
background: url(men_b.png);
line-height: 14px;
}
<div class="men_haut"> </div>
<div class="men_milieu">ici le contenu de mon tableau</div>
<div class="men_bas"> </div>
Normalement ça marche
Il faut regler la propriété css "line-height: 14px;" a chaque fois car par defaut une ligne fais plus de 14px de hauteur et du coup il adpate la div
Autre chose il ne faut pas laisser une div vide, si tu n'a pas de texte a ecrire dedans il faut mettre un pour qu'il cré quand même une ligne
div.men_haut
{
display: block;
width: 208px;
height: 14px;
margin-top: 20px;
background: url(men_h.png);
line-height: 14px;
}
div.men_milieu
{
display: block;
width: 208px;
height: 14px;
background: url(men_m.png) repeat-y;
line-height: 14px;
}
div.men_bas
{
display: block;
width: 208px;
height: 14px;
background: url(men_b.png);
line-height: 14px;
}
<div class="men_haut"> </div>
<div class="men_milieu">ici le contenu de mon tableau</div>
<div class="men_bas"> </div>
Normalement ça marche
