Positionnement d'un Div
fh
-
lefou4 Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
lefou4 Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Positionnement d'un Div
- Logiciel positionnement gratuit - Guide
- Div c++ - Télécharger - Langages
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? - Forum Word
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Remplacer #div/0 par vide - Forum Excel
2 réponses
Salut fh,
Normal ! tu a mis deux fois margin:
une fois en auto puis margin-top:20px.
Essaie
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 ;-))
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 ;-))
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.
“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.
Tu as trouvé et tu gardes la solution pour toi.
Merci pour ceux qui auraient le même problème.