28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

Sur un site très simple j' ai 3 div :
headder, content, footer.

Le Footer possède une marge haute de 40 px;
#pied_de_page {
margin-top: 40px;
}

Firefox prend en compte cette marge de 40 px

IE 8 diminue cette marge de 25 px

Y a t il une raison simple à cela ?

Merci pour toute aide éventuelle
@+
Lespiegle.

------------------------------

Que ce soit en px ou em, c' est la même chose.

* {margin: 0; padding: 0;} en tête de CSS n' apporte pas de solution

Colorier les div pour isoler le prob n' apporte non plus de solution

J' ai lu le tuto
"Méthodologie pour résoudre les problèmes d'affichage en CSS"
ainsi que les sous-tutos cités.

(édité pour mise en "code" CSS)
Modifié par lespiegle (25 Aug 2011 - 16:20)
Bonjour.

Je vous avais tout préparé pour afficher la page du site et les css et html,
mais la réponse a été trouvée.

Je lis dans un tuto
a écrit :
Sous IE, les margin et les padding sont inclus à l'intérieur même de l'espace réservé au contenu

Apparemment, ceci veut dire que IE ignorerait les margin top et bottom,
et que pour pallier à cela, il faudrait inclure un Doctype.

Mais je préfère une autre solution qui marche à merveille :
Mettre un Div entre les deux blocs en question
avec un class
.spacer { height: 40px;}


Merci d' avoir lu ce sujet.
@+
Lespiegle
Modifié par lespiegle (25 Aug 2011 - 16:22)