Discussion :

[Yoteco]

Bonjour,

J'ai créer un CSS pour faire la mise en page de mon site.

Mais IE6 et IE7 ne respectent mon css

voici le code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#underContent
{
    width:798px;
    height:11px;
    background-image:url(../design/underContent.jpg);
}

ensuite j'ai ma <div id="underContent"></div> mais apparement IE ne respect pas les 11px de hauteur il me met un peu plus ce qui rend mon site moche...

Quelqu'un peut m'aider? (sous firefox sa marche impec)

[Bisûnûrs]

Q : Pourquoi sur IE6 j'ai un espace en-dessous de mon div alors que je lui ai spécifié une hauteur ?

R : Ce problème survient quand vous avez spécifié une hauteur inférieure à 20px à votre div.
En effet, IE6 alloue automatiquement l'espace nécessaire à un texte éventuel.
Donc quand vous avez

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:10px"></div>

IE6 allouera quand même 20px de hauteur alors que les autres navigateurs appliqueront bien les 10px.

L'astuce est donc d'agir sur la hauteur de la ligne et la taille éventuelles de texte :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="height:10px;line-height:10px;font-size:2px"></div>

[Yoteco]

Merci, sa marche!