[résolu] Très petits divs et margin-top : pb sous IE

bonjour,

j'ai un pb avec cette page (et la css) :
Sous IE, les div du bas des cadres sont trop grands. J'ai essayé de mettre un overflow: hidden mais ca posait un problème de marges entre le cadre du haut et le premier cadre de droite.

J'y comprends rien

merci de vos réponses...
Modifié par the_penguin (07 May 2005 - 09:39)

bonsoir,

peut etre qu'un

display: block;

sur chacune de tes div feraient l'affaire

je sais pas. Faut voir

Edit > quoique

plutot un

background-repeat: no-repeat;

Hein ?
Modifié par Philippe (29 Apr 2005 - 18:53)

Bonjour,
Par défaut, ie impose des hauteurs de 'div' de 20px d'où répétition de ton background .
Il faut ajouter : 'font-size: 0;' dans toute tes 'div' de 6px.
Par exemple :

CSS
.headerfooterbottom
{
        font-size: 0; /*pour truander ie*/
	height: 6px;
	width: 800px;
	background: url(headerfooterbottom.png);
}

Bonsoir,

il me sembel qu'une solution à ce problème a déjà été postée récemment.
Je crois que c'est ça qu'il faut mettre dans tes divs :

line-height:0;

IlSandor.

ilsandor a écrit :
Bonsoir,

il me sembel qu'une solution à ce problème a déjà été postée récemment.
Je crois que c'est ça qu'il faut mettre dans tes divs :

line-height:0;

IlSandor.

A-tu essayé cela sous ie <= 5.5 ?
Modifié par papillon41 (06 May 2005 - 07:47)

j'ai essayé line-height: 0; et font-size: 0;
les 2 résolvent mon problème de background par contre j'ai toujours le problème de marges

Pour ton problème de marge,
1- Égaliser l'apparence de "headerfooterbottom" entre ie et ff.
Remplacer "height: 30px;" par "padding: 10px;"
2- Modifier les marges de "headerfooterbottom" et "texttop".
Soit : Mettre "margin: 0 0 0 220px;" dans "texttop" et "margin-bottom: 20px;" dans "headerfooterbottom".
Nota : Il reste encore des problèmes.

merci pour toutes vos réponses