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

A voir également:

Positionnement d'un Div
Div c++ - Télécharger - Langages
Logiciel positionnement gratuit - Guide
Exemple test de positionnement greta ✓ - Forum Études / Formation High-Tech
Enlever #div/0 dans tableau croisé dynamique ✓ - Forum Excel
Test de positionnement greta niveau 5 ✓ - Forum Études / Formation High-Tech

2 réponses

Réponse 1 / 2

fh
1 mars 2007 à 21:17

Merci, j'ai trouvé la solution..

Bonne soirée

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
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.

Réponse 2 / 2

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 518
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 ;-))

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
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.

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

Discussions similaires

tests du greta

comment remplacer un #div/0! par une cellule vide

le test d'entrée pour le cesi en alternance

erreur (#DIV/0) formule MOYENNE.SI.ENS

test greta