Centrer le contenu d'un site [CSS]

Résolu

ckikiahdisa Messages postés 41 Date d'inscription Statut Membre Dernière intervention -
ckikiahdisa Messages postés 41 Date d'inscription Statut Membre Dernière intervention - 8 janv. 2008 à 18:15

Bonjour,
Je n'arrive pas à centrer mon site malgrès mes recherches sur le web :

HTML :

....
<body onLoad="form_load();">
<div class="contenu2">
<div class="haut">
<img class="banniere" src="img/banniere2.png" alt="gg" />
<h5 class="titre2">Cherchez, trouver, vendez GRATUITEMENT !</h5>
<img class="pub1" src="img/pub1.png" alt="gg" />

<ul class="menu">
<li class="menu1" tabindex="360"><a href="TotalAnnonce.php">Voir les annonces</a></li>
<li class="menu2" tabindex="370"><a href="SauvegardeAnnonce.php">Mes annonces sauvegardées</a></li>
<li class="menu3" tabindex="380"><a href="creer_annonce.php">Créer une annonce</a></li>
<li class="menu4" tabindex="390"><a href="Profil.php">Mon compte</a></li>
</ul>

<img class="pub2" src="img/pub2.png" alt="gg" />

....

</div>
<div class="centre">

<img class="centre1" src="img/centre1.png" alt="gg" />
<img class="pub3" src="img/pub3.png" alt="gg" />
<img class="centre3" src="img/centre3.png" alt="gg" />

</div>

</div>
</body>
</html>

CSS :

body
{
text-align: center ;
}
body .contenu2
{
width:970px;
margin:auto;
}

/* Haut du site */
.haut .banniere
{
width:970px;
height:170px;
position: absolute;
left: 0px;
top: 0px;
z-index:10;
background-color:#9abefe;
}

.haut .pub1
{
width:468px;
height:60px;
position: absolute;
left: 500px;
top: 2px;
z-index:20;
}

.....

si quelqu'un pourrais m'aidier s'il vous plait, j'espere que ce n'est pas à cause de mes position absolute. merci beaucoup

A voir également:

Centrer le contenu d'un site [CSS]
Site comme coco - Accueil - Réseaux sociaux
Site de telechargement - Accueil - Outils
Quel site remplace coco - Accueil - Réseaux sociaux
Site pour vendre des objets d'occasion - Guide
Site pour partager des photos - Guide

4 réponses

Réponse 1 / 4

RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention 1 360

SALUT

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Réponse 2 / 4

mat92 Messages postés 2 Date d'inscription Statut Membre Dernière intervention

Ben si, les positions absolute place une balise sur des coordonnées précises donnée par les valuers top et left.
Le positionnement du repére se base sur la fenêtre de ton navigateur et non sur le coin supérieure gauche de l'élément parent.

Réponse 3 / 4

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

salut,

body
{
width:970px;
margin:auto;
}

ça, ça suffit. si cela ne fonctionne pas il y a peut être une erreur de HTML.

Réponse 4 / 4

ckikiahdisa Messages postés 41 Date d'inscription Statut Membre Dernière intervention 2

c bon j'ai trouvé, jai rajouter :
position: relative; a contenu 2.

comprend pas trop mais temps que ca marche ! lol merci a tous

Discussions similaires

C'est quoi le site qui remplace coco chat

Comment remplacer Vivastreet ?

Votre réponse

Discussions similaires