Un avis sur ce site et comment le centrer

**le Ven Aoû 10, 2007 11:57**

Bonjour,

Voilà un site que je viens de créer pour un ami http://www.taxi-ajaccio.fr, le soucis est que en 1024/768 tout est nikel mais que dans d'autres résolutions le site reste sur la partie gauche cela m'embête pas mal tout de même car tout le monde ne fonctione pas en 1024/768 si quelqu'un peux m'aider cela serais cool.

Merci

Chris[/code]

**le Ven Aoû 10, 2007 12:12**

Vire la , de ton url

Tu peux centrer ton site via la css, je t'explique pour mon cas je me suis fais une div conteneur qui contient toutes mes autres div et je l'ai centré via la css :

margin-left: -450px;

**le Ven Aoû 10, 2007 12:17**

shin_akuma a écrit:Vire la , de ton url

Tu peux centrer ton site via la css, je t'explique pour mon cas je me suis fais une div conteneur qui contient toutes mes autres div et je l'ai centré via la css :

margin-left: -450px;

ouai, sinon en codant propre, tu définis la largeur de la div qui contient tout ton site et tu lui applique un margin:0 auto;

**le Ven Aoû 10, 2007 12:21**

Bien vu Mike je remplace mon sale code de ce pas

**le Ven Aoû 10, 2007 12:24**

Je suis désolé mais là je vous comprend pas très bien pouvez vous être un petit peu plus précis svp les amis!!!

**le Ven Aoû 10, 2007 12:24**

phpmikedu83 a écrit:ouai, sinon en codant propre, tu définis la largeur de la div qui contient tout ton site et tu lui applique un margin:0 auto;

Mais comme les éléments sont positionnés en absolu, il faudra mettre un position: relative à la div en question pour qu'elle joue le rôle de référent pour ses enfants et descendants positionnés en absolu.

**le Ven Aoû 10, 2007 12:45**

Pourriez vous me donner le morceau de code qui va bien pour définir la largeur de la div qui contient mon site et ou positionner ce code.

Si je comprend bien ceci sont toute les div du site :

<body>
<div class="Style1" id="apDiv4">
<div align="center" class="Style2">
<p class="Style8">TAXI BRUNO DEGORTES</p>
<p class="Style8">PLACE DIAMANT</p>
<p class="Style9">TELEPHONE : 06.74.78.68.40</p>
</div>
</div>
<div class="Style1" id="apDiv5">
<div align="center"><strong><a href="http://www.taxi-ajaccio.fr/services.html">SERVICES</a></strong></div>
</div>
<div class="Style5" id="apDiv6">
<div align="center"><a href="http://www.taxi-ajaccio.fr/contact.html">CONTACT</a></div>
</div>
<div class="Style5" id="apDiv7">
<div align="center"><a href="http://www.taxi-ajaccio.fr/tarifs.html">TARIFS</a></div>
</div>
<div class="Style1" id="apDiv8">
<div align="center">
<p>Taxi Bruno à votre service pour tous vos déplacements en taxi, à titre privé ou professionnel, au départ ou à destination d'Ajaccio, prise en charge port et aéroports.<br />
</p>
<p>Sur réservation mon taxi est disponible 7j/7 et 24h/24 pour vous accueillir et vous faire découvrir notre région, j'effectue des excursions sur toute la corse et vous accueil confortablement dans mon monospace de 6 places.<br />
</p>
</div>
</div>
<div id="apDiv9"><a href="http://www.taxi-ajaccio.fr"><img src="images/Blason2.jpg" alt="Ajaccio cité Impérial" width="200" height="200" /></a></div>
<div id="apDiv10"><a href="http://www.taxi-ajaccio.fr/en/index.html"><img src="eng.jpg" width="131" height="83" /></a></div>
<div id="apDiv12"><a href="http://www.taxi-ajaccio.fr"><img src="fr.jpg" width="125" height="83" /></a></div>
<div id="apDiv13"><a href="http://www.taxi-ajaccio.fr"><img src="images/Blason2.jpg" alt="Ajaccio cité Impérial" width="200" height="200" /></a></div>
<div class="Style1" id="apDiv14">
<div align="center"><strong><a href="http://www.taxi-ajaccio.fr/vehicule.html">VEHICULE</a></strong></div>
</div>
<div id="apDiv15"><img src="images/toyo1.jpg" alt="Taxi Ajaccio" width="200" height="150" /></div>
<div id="apDiv16"><img src="images/toyo1.jpg" alt="Taxi Ajaccio" width="200" height="150" /></div>
<div class="Style1" id="apDiv17"><strong>Contacter le <a href="mailto:christian.duvallet@wanadoo.fr">Webmaster</a></strong></div>
<div id="apDiv19">
<div align="center">
<p class="Style11">PARTENAIRES</p>
<p align="left" class="Style11"><a href="http://www.orchidee-lingerie.com"></a></p>
</div>
</div>
<div id="apDiv20">
<div align="center"><a href="http://www.orchidee-lingerie.com"><strong>Orchidee Lingerie</strong></a></div>
</div>
<div id="apDiv21">
<div align="center"><a href="http://www.big-annuaire.com/Taxi.php" target="_blank"><strong>Taxi sur BIG-annuaire</strong></a></div>
</div>
<div id="apDiv22"><a href="http://www.wozzor.com" target="_blank"><img src="http://www.wozzor.com/logos/logo-2005/annuaire-wozzor.png" border="0" alt="Referencement"></a></div>
<div id="apDiv23">
<script type="text/javascript">
WEBO_ZONE=1;
WEBO_PAGE=1;
webogold_ok=0;</script>
<script type="text/javascript" src="http://script.weborama.fr/gold.js"></script>
<script type="text/javascript">
if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,317475);}</script>
<NOSCRIPT>
<div align="center"><A HREF="http://www.weboscope.com">Weboscope</A> mesure d'audience, statistiques, ROI<BR>
<A HREF="http://www.weborama.fr">Classement des meilleurs sites</A> et positionnement </div>
</NOSCRIPT>
</div>
<div class="Style1" id="apDiv24">
<div align="center"><strong>Annuaire<a href="http://taxicadet.com/annuaire/"> taxi Cadet</a></strong></div>
</div>
<div id="apDiv25">
<div align="center"><a href="http://annuaire.yagoort.org" title="Annuaire pour le Référencement Google"><strong>Annuaire Webmaster</strong></a></div>
</div>
<div id="apDiv26"><a href='http://www.noogle.fr/annuaire/taxi-vehicule,1d_245.html' target='_blank'><img border=0 src='http://www.noogle.fr/banner/noogle-annuaire-5.gif' alt='site taxi vehicule'></a></div>
<div class="Style1" id="apDiv27">
<div align="center" class="Style12">Site optimisé pour IE 6 et supérieur avec une résolution de 1024*768</div>
</div>

Le code code qui va bien pour définir la largeur de la div qui contient mon site je dois le placé avant <div class="Style1" id="apDiv4">

**le Ven Aoû 10, 2007 13:03**

Florent V. a écrit:
phpmikedu83 a écrit:ouai, sinon en codant propre, tu définis la largeur de la div qui contient tout ton site et tu lui applique un margin:0 auto;

Mais comme les éléments sont positionnés en absolu, il faudra mettre un position: relative à la div en question pour qu'elle joue le rôle de référent pour ses enfants et descendants positionnés en absolu.

J'ai pas été jusqu'à regarder le code :lol:

par contre, là, quand je vois du class="style1", class="style2", etc...
ça me donne encore moins envie...

**le Ven Aoû 10, 2007 13:06**

Grossièrement je refait le site c'est ça???
Je suis désolé si vous pouvez rien faire dite le je comprendrais!
Merci quand même

Chris

**le Ven Aoû 10, 2007 13:54**

Chris2a a écrit:Grossièrement je refait le site c'est ça???
Je suis désolé si vous pouvez rien faire dite le je comprendrais!
Merci quand même

Chris

Ben il faudrait que tu postes la feuille de style pour les fainéants que nous sommes... (moi, en tout cas) ;-)

**le Ven Aoû 10, 2007 15:29**

Heu.....Il y a pas de feuille de style!
En fait tout est fait à partir d'un fichier html.

C'est peux être ça le soucis, je fonctionne en faisant des calques sur ma page pour plcer les éléments ou je veux.

Sinon je peux envoyer le fichier html entier mais tu peux l'éditer directement sur mon site.

Merci beaucoup!!!!

**le Ven Aoû 10, 2007 15:39**

shin_akuma a écrit:Vire la , de ton url

Tu peux centrer ton site via la css, je t'explique pour mon cas je me suis fais une div conteneur qui contient toutes mes autres div et je l'ai centré via la css :

margin-left: -450px;

Euh ?

body {text-align:center;}
donteneur {margin:auto; text-align:left;}

**le Ven Aoû 10, 2007 15:47**

Bravo Marie-aude pour la simplicité de ton truc

Tu aurais du rajouter les deux lignes manquantes et indiqué qu'il faut ajouter le tout dans le head pour être complète :
<STYLE TYPE="text/css">
body {text-align:center;}
donteneur {margin:auto; text-align:left;}
</STYLE>

**le Ven Aoû 10, 2007 16:03**

Bon ba voilà j'ai rajouté le bout de code dans le head de ma page mais elle n'est toujours pas centré sous IE,normal ou j'ai fait une bêtise

Merci beaucoup à vous tous

**le Ven Aoû 10, 2007 17:02**

Tu n'as pas de </head> dans ton code source, c'est peut être à cause de ça ?

Un avis sur ce site et comment le centrer

Un avis sur ce site et comment le centrer

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne