Positionnement d'un Div
Bonsoir,
Je veux placer un le contenu d'une page web dans un DIV à 20px du bord haut et centré :
<body >
<div id="fond" > ..</div>
et dans la feuille de style j'ai mis :
#fond{ width:700px; margin : auto; margin-top : 20px; background-color : #6495ED; }
mais le contenu du DIV se trouve centré de tout les côtés (haut, bas, droite et gauche) sans tenir compte des 20px.
Comment résoudre ce problème ?
D'avance merci
Je veux placer un le contenu d'une page web dans un DIV à 20px du bord haut et centré :
<body >
<div id="fond" > ..</div>
et dans la feuille de style j'ai mis :
#fond{ width:700px; margin : auto; margin-top : 20px; background-color : #6495ED; }
mais le contenu du DIV se trouve centré de tout les côtés (haut, bas, droite et gauche) sans tenir compte des 20px.
Comment résoudre ce problème ?
D'avance merci
Configuration: Windows XP Firefox 2.0.0.2
2 réponses
-
Merci, j'ai trouvé la solution..
Bonne soirée -
ContributeurSalut fh,
Normal ! tu a mis deux fois margin:
une fois en auto puis margin-top:20px.
Essaiemargin-left:auto; margin-right:auto; margin-top:20px;
Quand tu ne spécifie pas (left, right etc) mais margin tout seul, cela veut dire pour le navigateur qu'il doit mettre des marges automatiques sur les 4 bords.
Ta CSS est donc contradictoire pour lui.
Au passage: Encore bravo à notre Jeff bien aimé. Il a rajouté un bouton pour les liens..... Merci Jeff ;-))-
ContributeurBonjour,
“Ta CSS est donc contradictoire pour lui”
Non, non, ce n'est pas contradictoire.
C'est un raccourci qui fait gagner du temps.
Le dernier spécifié est une précision et est pris en compte.
Ce qui serait contradictoire est lourd serait de spécifier “margin:auto;” pour ensuite reprendre las 4 marges une à une.
-
-
