Margin top FF&IE

**mimagyc** · 03/10/2008, 17h07

Bonjour,

voici le site en question : http://www.mimaro.free.fr/Eno1/

Sous IE, le header ne se decale pas comme voulu, c'est a dire avec un margin top, je ne comprend pas pourquoi.

La barre en haut, c'est une div en position absolute.

La dive du header, c'est une div simple avec un margin-top.

Lorsque la barre du haut est en relative, ca fonctionne, amis du coup la barre ne prend pas toute la largeur de la page.

voici le css du header :

Code :

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

1
2
3
4
5
6
7
8
 
div#header {
width:786px;
height:211px;
margin-top:60px;
background-image:url(imag/header.jpg);
background-repeat:no-repeat;
}

Merci!

**Erwan31** · 04/10/2008, 00h31

Ton lien n'est pas bon.

**Valenten** · 04/10/2008, 11h09

Salut,

(si j'ai bien compris, tu as un div en absolute au-dessus d'un div en relative)
Bon bref, en mettant ton div en absolute, tu le "sors du flux de la page", donc ton attribut margin-top devient relatif à l'élément _du flux_ présent dans la page... Donc à priori le haut de ta page, de ton <body>...

Heu par contre j'ai pas trop de solution pour corriger le problème, à part laisser les deux div en relative.

Voilà

PS : je dis ça je dis rien, mais perso j'évite d'appeler un div "header" ... c'est un mot-clef réservé PHP si je ne me trompe pas...

**mimagyc** · 04/10/2008, 16h54

En fait j'ai réussi, j'ai simplement déplacer la barre en position absolute, comme ca la div header a comme parent le body.

Margin top FF&IE

CSS

Vue hybride

Discussions similaires

Partager

Partager