Discussion :

[mimagyc]

Bonjour,

Je suis au tout début du codage d'un site, et un truc m'échappe ...

j'ai une div header, dedans une autre menu, et sur cette div menu j'ai mis un margin-top qui est bien pris en compte sous IE mais pas sous FF ...

Pour quel raison?

http://mimaro.free.fr/Eno/

Merci.

[extraman1]

Salut,

Ecrit ton div de cette façon:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
div#menu {
background-image:url(image-site/fond%20menu.png);
width:756px;
height:66px;
margin-left:auto;
margin-right:auto;
 
position: relative;
top: 210px;
}

Ca permet de positionner ton div à l'intérieur de ton div header.

C'est comptatible Ie et FF

A++

[mimagyc]

C'est ce que j'avai fait au début, mon souci c'est que lorsque tu réduit la taille du navigateur, cette div ne suite pas ...

Merci.

[laurentibus]

C'est ce que j'avai fait au début, mon souci c'est que lorsque tu réduit la taille du navigateur, cette div ne suite pas ...

oui c'est normal vu quelle sera toujours de cette taille :
width:756px;
height:66px;

peut être que tu devrais modifier la taille de la div lorsque l'on modifie la taille de l écran ....

[Damouille]

J'ai FF3, et chez moi, ton margin-top fontionne. Sinon, tu peux tenter un padding-top sur le #header. Généralement les padding sont mieux interprétés que les margins par les navigateurs (ne me demande pas pourquoi).

Apres si tu veux que la div se redimensionne, il faut utiliser des largeurs en %. Mais dans ton cas, je ne te le conseille pas.

[mimagyc]

oui c'est normal vu quelle sera toujours de cette taille :
width:756px;
height:66px;

peut être que tu devrais modifier la taille de la div lorsque l'on modifie la taille de l écran ....

En largeur bien sur

ET moi sous FF ca fonctionne pas, l'image bleu en arrière devrai être plus haut( pour le rendu voulu, regarder sous IE).

Merci.

[mimagyc]

Bon et bien, j'ai donc fait le tout en relative, mais le petit hic, c'est que sous IE, si tu redimensionne la fenêtre du navigateur, le menu ne suit pas .. je trouve ca dommage mais bon ^^

merci.