28172 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ais dans ma feuille de style un div de taille connue
que je veux centrer, ça je crois savoir avec ceci



div.centreX {
width: 980px;margin : auto;height: 542px; 
border: black 2px solid; 
background-image: url(images/fond_page.jpg); 
background-repeat: no-repeat;
}




Ma question est comment sans perdre cette qualitée de centrage automatique
fixer le "TOP" a 150px Smiley rolleyes
Merci d'avance
Modifié par Christele (06 Sep 2009 - 10:19)
Bonjour Christele,


div.centreX {
	margin: 150px auto;
}


Où 150px correspond à la marge du haut, modifie cette valeur et observe le changement que cette manipulation opère.
jQz a écrit :
Bonjour Christele,

div.centreX {
	margin: 150px auto;
}

Où 150px correspond à la marge du haut, modifie cette valeur et observe le changement que cette manipulation opère.

Tu es super je viens de tester ça marche !
plein de mercis Smiley baiser
jQz a écrit :
Bonjour Christele,

div.centreX {
	margin: 150px auto;
}

Où 150px correspond à la marge du haut, modifie cette valeur et observe le changement que cette manipulation opère.

En passant,
150px en haut...et en bas également !
Ce qui pourra poser problème par la suite (ou non) Smiley cligne
A lire "éventuellement" Raccourcis css
Cdt,
Sylvain
Alors spécifie pour chacune margin, margin-top, tu le met à 150px, ensuite margin-left à auto, matgin-right à auto, et ainsi de suite...