Positionnement d'un Div

Fermé
fh - 1 mars 2007 à 20:43
lefou4 Messages postés 73 Date d'inscription jeudi 21 décembre 2006 Statut Membre Dernière intervention 5 mai 2010 - 2 mars 2007 à 13:27
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

2 réponses

Merci, j'ai trouvé la solution..

Bonne soirée
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
1 mars 2007 à 23:40
Bonjour,

Tu as trouvé et tu gardes la solution pour toi.

Merci pour ceux qui auraient le même problème.
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
1 mars 2007 à 21:20
Salut fh,
Normal ! tu a mis deux fois margin:
une fois en auto puis margin-top:20px.
Essaie
margin-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 ;-))
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
1 mars 2007 à 23:37
Bonjour,

“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.
0
lefou4 Messages postés 73 Date d'inscription jeudi 21 décembre 2006 Statut Membre Dernière intervention 5 mai 2010 44
2 mars 2007 à 13:27
Plutôt que d'utiliser 3 lignes pour définir les margin :
margin: 20px auto 0px;


Le premier pour top
Le second pour right et left
Le troisième pour bottom
0