Bonjour,
je n'ai pas eu de problême au niveau du centrage de ma page CSS, jusqu'à ce que je voulais personnaliser mes id...
voila mon code en css :
et en html :
ce qui devrait me donner au final un rectangle noir centré horizontalement qui engloberait mes autres <div id=...> mais rien n'y fait... j'ai tenté de comparer d'autres pages pour voire où pouvait être le problème... mais je ne trouve pas du tout la réponse... je n'arrive pas à comprendre pourquoi mon #global ou #page n'arrivent pas à faire un rectangle qui centre mes blocs...
j'ai pourtant relu le tuto... soit je suis passé à coté de qelque chose... soit je sis idiot
voila le résultat que ça me donne :
http://otxando.free.fr/test-accueil.html
un grand merci pour votre aide... j'ai conscience que la réponse doit être évidente
merci de votre patience
Ps : @ Mikachu : Désolé, je n'osais pas ouvrir un nouveau sujet, merci pour ta remarque
Modifié par bga_O (06 Nov 2007 - 19:02)
je n'ai pas eu de problême au niveau du centrage de ma page CSS, jusqu'à ce que je voulais personnaliser mes id...
voila mon code en css :
#page {width: 60%;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: black;
border: 2px solid black; }
#global {background-color: black;
margin-left: auto;
margin-right: auto;
width: 65%;
border: 2px solid white; }
#recherche {position: absolute;
margin-left: 10%;
margin-right: auto;
margin-top: 5%;
margin-bottom: auto;
border: 2px solid blue;
color: white }
#langue {position: absolute;
margin-left: 40%;
margin-right: auto;
margin-top: 5%;
margin-bottom: auto;
color: white;
border: 2px solid white; }
#rubriques {position: absolute;
... etc ...et en html :
<html>
<head>
<link rel="stylesheet" type="text/css" href="feuille1.css" media="all" />
<title>menu</title>
</head>
<body>
<div id="global">
<div id="recherche">fonction recherche
</div>
<div id="langue">fonction langue
</div>
<div id="participer">participer
</div>
<div id="rubriques">menu rubriques
</div>
<div id="articles1">dernier article 1
</div>
<div id="articles2">dernier article 2
</div>
<div id="breves">breves</div>
</div>
</body>
</html>ce qui devrait me donner au final un rectangle noir centré horizontalement qui engloberait mes autres <div id=...> mais rien n'y fait... j'ai tenté de comparer d'autres pages pour voire où pouvait être le problème... mais je ne trouve pas du tout la réponse... je n'arrive pas à comprendre pourquoi mon #global ou #page n'arrivent pas à faire un rectangle qui centre mes blocs...
j'ai pourtant relu le tuto... soit je suis passé à coté de qelque chose... soit je sis idiot
voila le résultat que ça me donne :
http://otxando.free.fr/test-accueil.html
un grand merci pour votre aide... j'ai conscience que la réponse doit être évidente
merci de votre patience Ps : @ Mikachu : Désolé, je n'osais pas ouvrir un nouveau sujet, merci pour ta remarque
Modifié par bga_O (06 Nov 2007 - 19:02)
bga_O se met des claques
