Centrer le contenu d'un site [CSS]

Résolu/Fermé

ckikiahdisa Messages postés 41 Date d'inscription mercredi 2 janvier 2008 Statut Membre Dernière intervention 5 février 2008 - 8 janv. 2008 à 17:53
ckikiahdisa Messages postés 41 Date d'inscription mercredi 2 janvier 2008 Statut Membre Dernière intervention 5 février 2008 - 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 de telechargement - Guide
Site inaccessible - Guide
Site de vente entre particulier - Guide
Site partage photo - Guide
Darkino site - Guide

4 réponses

Réponse 1 / 4

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 janv. 2008 à 18:01

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 mardi 8 janvier 2008 Statut Membre Dernière intervention 8 janvier 2008
8 janv. 2008 à 18:04

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 mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
8 janv. 2008 à 18:10

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 mercredi 2 janvier 2008 Statut Membre Dernière intervention 5 février 2008 2
8 janv. 2008 à 18:15

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

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Chemin Logo du site de la Cité de l'espace

adele

Discussions similaires

Newsletters