High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[CSS] probleme affichage tableau IE

Dernière réponse le 14 sep 2008 à 07:05:31 fraid, le 11 sep 2008 à 06:42:12 
 Signaler ce message aux modérateurs

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 !!

Configuration: Windows Vista
Firefox 3.0.1

Meilleures réponses pour « [CSS] probleme affichage tableau IE » dans :
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Posez votre question Répondre

1

Mimiste, le 11 sep 2008 à 09:54:57
  • +1

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 La sportivité commence là où le diesel s'arrête !
You can still watch this ? Wait until the Vtec kick in !

   
Répondre à Mimiste

2

 fraid, le 14 sep 2008 à 07:05:31
  • +1

J'ajoute juste qu'il fallait réduire la taille de la police aussi :

font-size: 0pt;

sinon cela ne marchait pas.

merci pour l'indication !!

   
Répondre à fraid
Posez votre question Répondre
Ils ont besoin de votre aide