Centrer plusiseurs calques...

Marsh Posté le 19-01-2007 à 19:14:27

Alors voila, mon problème est que j'aimerais centrer mon site en HTML/CSS qui est nikel pour le 1024*768 mais avec une meilleure résolution, les internautes ne voient ma page que sur la gauche, or pour amméliorer la navigation j'aimerai centrer toute ma page qui est constituée de plusieurs pages....

Bref, elles sont du style :

Code :

<body>
<div id="Fondpage">"contenu"</div>
<div id="Page">"contenu"</div>
<div id="Menu">"contenu"</div>
</body>

Mais ils ont chacun une position spéciale déjà...
Comment mettre tout cet ensemble au centre d'une page sans tout décaler ??
J'ai trouvé ces pages d'infos mais je n'arrive pas a mettre en oeuvre, j'ai de gros décalages... :
http://wiki.media-box.net/tutoriau [...] s-tableaux
http://css.alsacreations.com/Faire [...] web-en-CSS
Merci.

PS : Voici un aperçu de mon CSS :

Code :

#Fondpage {
position:absolute;
width:1000px;
height:848px;
z-index:3;
left: 0px;
top: 0px;
background-image: url(images/fond.gif);
}
#Page {
position:absolute;
width:630px;
height:660px;
z-index:3;
left: 268px;
top: 179px;

---------------
www.univers-ds.fr

Marsh Posté le 19-01-2007 à 19:14:27

Marsh Posté le 20-01-2007 à 14:06:06

Pourquoi les avoir mis en position absolue ? Le mieux est de mettre les marges gauche et droite en "auto". Et virer la position absolue

Marsh Posté le 21-01-2007 à 11:42:42

Et je mets quoi a la place d'absolute? relative ??

---------------
www.univers-ds.fr

Marsh Posté le 21-01-2007 à 11:49:10

Je n'y arrive pas j'ai essayé plusieurs possibilités desfois le calque disparait dsefois il reste a gauche comme avant, quelqu'un pourrait me modifier juste cette partie :

Code :

#Fondpage {
position:absolute;
width:1000px;
height:848px;
z-index:3;
left: 0px;
top: 0px;
background-image: url(images/fond.gif);
}

---------------
www.univers-ds.fr

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *