Besoin votre aide pour centrer toute une page

Résolu/Fermé
marieln - 17 avril 2009 à 02:14
 marieln - 17 avril 2009 à 21:51
Bonjour,

je viens de creer mon premier site et je l ai essaye sur plusieurs pc et laptops, tout fonctionne sauf que sur un des PC toute la page est decalee sur le cote et sur un mac la partie centrale entre mes deux barres de navigation haut et bas de page est decalee elle aussi sur le cote (droit si mes souvenirs sont bons) je voudrais savoir s il existe un moyen de cadrer le tout de facon a ce que quel que soit le navigateur et la machine l affichage soit bien au centre?
merci de vos suggestions!
A voir également:

9 réponses

crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
17 avril 2009 à 02:21
Salut,
Je te propose de faire une div "conteneur" dans ta CSS :

#conteneur
{
position:relative;
left:X%;
width:Xpx;
margin-left:-Xpx;
margin-top:X%;
}

PAr exemple.
Et entoure le body ou ce que tu veux de cette balise.
<div id="conteneur"></div>
0
merci crapoulou..... mais vois tu je suis debutante alors je comprends pas tout......
desolee je pense que le mieux serait que je mette une copie de page en script....
je reviens....
0
bonsoir,

essaye ça dans le css si ton design est fixe :

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


c'est le margin:auto; qui est important le width:700px; tu peux changer la valeur...
0
benj merci a toi je vais essayer ca mais si ca ne te gene pas peux tu me dire exactement ou le place voici copie de mon script

merci de ton aide et a toi aussi crapoulou

<html>
<!-- #BeginTemplate "/PAGES/Templates/page%20TEXTE.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>corporate-flowers | MarieLN-Floral-Design</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content=" flowers and floral decoration for offices, hotels, restaurants, corporate accounts, by MarieLN Floral Design."/>
<meta name="keywords" content="Marie LN Floral Design, flowers, florist, display, delivery, corporate account, weekly delivery, office, hotel, restaurant, NYC, wetschester, connecticut, rye, larchmont, scarsdale, greenwich,wesport,southport, new cannan, wetschester, connecticut, NYC"/>
<meta name="geo.position" content="40.6;-73.5" />
<meta name="geo.region" content="USA" />
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="expires" content="Never">
<meta name="robots" content="Index, follow all">
<meta name="revisit-after" content="15 Days">
<meta name="copyright" content="Marie LN Floral Design" />
<meta name="designer" content="Marie LN" />
<link rel="stylesheet" href="../Templates/non%20souligne.css" type="text/css">
<link rel="stylesheet" href="../Templates/LIENS.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="1250" height="46" cellspacing="0">
<tr>
<td height="55" width="183" bgcolor="ccff33"> </td>
<td height="55" width="198" bgcolor="#FFFFFF" bordercolor="#FFFFFF"><a href="index.html"><img src="../../images/VISUELS/LOGOS/LogoMLN.gif" width="204" height="59" border="0"></a></td>
<td height="55" width="682" bgcolor="ccff33" align="right">
<p><font size="2"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E" size="2.8"><a href="weddings%20and%20events.html"><font size="2"><span class="LIENS">WEDDINGS 
& EVENTS</span></font></a> <span class="LIENS"><font size="2"> |<a href="private%20residences.htm"> RESIDENTIAL 
ACCOUNTS</a> | <a href="CORPORATE.html">CORPORATE
 ACCOUNTS</a>  |</font></span></font></cite></b></font></p>
<p class="LIENS"><span class="LIENS"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">SPECIAL
GIFTS</font></cite></b><font size="2"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">   
|   <a href="the%20concept.html">THE
CONCEPT</a>   |   <a href="Gallery.html">GALLERY </a>
 |  <a href="contact.html"> CONTACT
</a> |</font></cite></b></font></span></p>
</td>
<td height="55" width="177" bgcolor="ccff33"> </td>
</tr>
</table>
<table width="1250" cellspacing="10" height="452" align="center">
<tr>
<td height="390" width="168" align="right" valign="middle">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- #BeginEditable "b" --> <!-- #EndEditable -->
<p> </p>
</td>
<td height="390" width="872"> <!-- #BeginEditable "ZONE%20CENTRALE" -->
<table width="880" border="3" cellspacing="10" height="430">
<tr>
<td height="364" align="center" bgcolor="#CCCCCC" width="307" bordercolor="#FFFFFF">
<p align="center"><img src="../../images/PHOTOS/CASCADE-200-410-WEB-2-.jpg" width="165" height="320"><font color="#626262" size="+1">
</font></p>
</td>
<td height="364" align="center" bgcolor="#FFFFFF" width="529" bordercolor="#FFFFFF">
<p align="center"><font color="#99CC33"><font color="#CCFF33"><font color="#99CC00"><font color="#626262"><b><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">Whatever
your business, flowers make</font></b></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong>
an </strong></b></font></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong>excellent
first impression. </strong>They make a statement to your clients,
reflecting your standards<strong>.</strong></b></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong><font size="+1">
</font></strong></b></font></font><font color="#9E9E9E"><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"></marquee></font><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"></marquee></font></p>
<p><font color="#99CC33"><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"><font color="#CCFF33"><b><font color="#99CC00"><strong><font color="#99CC33"><font color="#CCFF33"><b><font color="#99CC00"><strong class="CORPORATEBANDEROLE"><font size="+2">Office,
Restaurant, Retail Store , Health Professional/Medical Center, Hotel,
Hair Salon, SPA, Sports Club, Realtor...<br>
</font><br>
</strong></font></b></font></font></strong></font></b></font></marquee></font><font color="#626262" face="Georgia, Times New Roman, Times, serif"><b><font color="#9E9E9E">With
a <font color="#99CC00">weekly flowers delivery</font>, create a
visible welcome<font color="#9E9E9E"> and an ambience w</font>ith
an edgy flair. Flowers with character are an excellent <font color="#99CC00">communication
tool</font>. Whether it is to say "Thank You<font color="#9E9E9E">"
to a business associate, to a client or "Congratulations"</font>
to an employee, they deliver the right message and are the perfect
gift: personal, without being intrusive, professional, without being
too distant.</font></b></font></p>
<p align="center"><font color="#9E9E9E"><b><font face="Georgia, Times New Roman, Times, serif" color="#626262">USE
THE CONTACT PAGE OR CALL (914) 565 9990 TO SCHEDULE A FREE ONSITE
CONSULTATION</font></b></font><font color="#9E9E9E"><b><font face="Georgia, Times New Roman, Times, serif" color="#626262"></font></b></font></p>
</td>
</tr>
</table>
<!-- #EndEditable --></td>
<td height="390" width="162">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- #BeginEditable "more" --> <!-- #EndEditable -->
<p> </p>
<p> </p>
</td>
</tr>
</table>
<table width="1250" cellspacing="0" border="0">
<tr>
<td width="251" bgcolor="ccff33"> </td>
<td width="741">
<div align="center"><b><u><font face="Georgia, Times New Roman, Times, serif" size="3" color="#9E9E9E">MARIE
LN Floral Design </font></u><font face="Georgia, Times New Roman, Times, serif" size="3" color="#99CC00">|
Rye, NY | (914) 565 9990 | info@marieln-floraldesign.com</font></b></div>
</td>
<td width="251" bgcolor="ccff33"> </td>
</tr>
</table>
<p> </p>
</body>
<!-- #EndTemplate --></html>
0
je l'ai inséré dans le code les balises style dans le head mais tu dois le faire avec un logiciel le code n'est vraiment pas propre...

et tu l'as fais en 1240 de large c'est beaucoup trop

<html>
<!-- #BeginTemplate "/PAGES/Templates/page%20TEXTE.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>corporate-flowers | MarieLN-Floral-Design</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content=" flowers and floral decoration for offices, hotels, restaurants, corporate accounts, by MarieLN Floral Design."/>
<meta name="keywords" content="Marie LN Floral Design, flowers, florist, display, delivery, corporate account, weekly delivery, office, hotel, restaurant, NYC, wetschester, connecticut, rye, larchmont, scarsdale, greenwich,wesport,southport, new cannan, wetschester, connecticut, NYC"/>
<meta name="geo.position" content="40.6;-73.5" />
<meta name="geo.region" content="USA" />
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="expires" content="Never">
<meta name="robots" content="Index, follow all">
<meta name="revisit-after" content="15 Days">
<meta name="copyright" content="Marie LN Floral Design" />
<meta name="designer" content="Marie LN" />
<link rel="stylesheet" href="../Templates/non%20souligne.css" type="text/css">
<link rel="stylesheet" href="../Templates/LIENS.css" type="text/css">
<style type="text/css">
body {
width: 1240px;
margin:auto;
}
</style>

</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="1250" height="46" cellspacing="0">
<tr>
<td height="55" width="183" bgcolor="ccff33"> </td>
<td height="55" width="198" bgcolor="#FFFFFF" bordercolor="#FFFFFF"><a href="index.html"><img src="../../images/VISUELS/LOGOS/LogoMLN.gif" width="204" height="59" border="0"></a></td>
<td height="55" width="682" bgcolor="ccff33" align="right">
<p><font size="2"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E" size="2.8"><a href="weddings%20and%20events.html"><font size="2"><span class="LIENS">WEDDINGS 
& EVENTS</span></font></a> <span class="LIENS"><font size="2"> |<a href="private%20residences.htm"> RESIDENTIAL 
ACCOUNTS</a> | <a href="CORPORATE.html">CORPORATE
 ACCOUNTS</a>  |</font></span></font></cite></b></font></p>
<p class="LIENS"><span class="LIENS"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">SPECIAL
GIFTS</font></cite></b><font size="2"><b><cite><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">   
|   <a href="the%20concept.html">THE
CONCEPT</a>   |   <a href="Gallery.html">GALLERY </a>
 |  <a href="contact.html"> CONTACT
</a> |</font></cite></b></font></span></p>
</td>
<td height="55" width="177" bgcolor="ccff33"> </td>
</tr>
</table>
<table width="1250" cellspacing="10" height="452" align="center">
<tr>
<td height="390" width="168" align="right" valign="middle">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- #BeginEditable "b" --> <!-- #EndEditable -->
<p> </p>
</td>
<td height="390" width="872"> <!-- #BeginEditable "ZONE%20CENTRALE" -->
<table width="880" border="3" cellspacing="10" height="430">
<tr>
<td height="364" align="center" bgcolor="#CCCCCC" width="307" bordercolor="#FFFFFF">
<p align="center"><img src="../../images/PHOTOS/CASCADE-200-410-WEB-2-.jpg" width="165" height="320"><font color="#626262" size="+1">
</font></p>
</td>
<td height="364" align="center" bgcolor="#FFFFFF" width="529" bordercolor="#FFFFFF">
<p align="center"><font color="#99CC33"><font color="#CCFF33"><font color="#99CC00"><font color="#626262"><b><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E">Whatever
your business, flowers make</font></b></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong>
an </strong></b></font></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong>excellent
first impression. </strong>They make a statement to your clients,
reflecting your standards<strong>.</strong></b></font><font face="Georgia, Times New Roman, Times, serif" color="#9E9E9E"><b><strong><font size="+1">
</font></strong></b></font></font><font color="#9E9E9E"><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"></marquee></font><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"></marquee></font></p>
<p><font color="#99CC33"><marquee style="color: #808000; font-variant: small-caps; font-weight: bold; font-size:14 pt" scrollamount="3" scrolldelay="50" behavior="alternate" loop="2"><font color="#CCFF33"><b><font color="#99CC00"><strong><font color="#99CC33"><font color="#CCFF33"><b><font color="#99CC00"><strong class="CORPORATEBANDEROLE"><font size="+2">Office,
Restaurant, Retail Store , Health Professional/Medical Center, Hotel,
Hair Salon, SPA, Sports Club, Realtor...<br>
</font><br>
</strong></font></b></font></font></strong></font></b></font></marquee></font><font color="#626262" face="Georgia, Times New Roman, Times, serif"><b><font color="#9E9E9E">With
a <font color="#99CC00">weekly flowers delivery</font>, create a
visible welcome<font color="#9E9E9E"> and an ambience w</font>ith
an edgy flair. Flowers with character are an excellent <font color="#99CC00">communication
tool</font>. Whether it is to say "Thank You<font color="#9E9E9E">"
to a business associate, to a client or "Congratulations"</font>
to an employee, they deliver the right message and are the perfect
gift: personal, without being intrusive, professional, without being
too distant.</font></b></font></p>
<p align="center"><font color="#9E9E9E"><b><font face="Georgia, Times New Roman, Times, serif" color="#626262">USE
THE CONTACT PAGE OR CALL (914) 565 9990 TO SCHEDULE A FREE ONSITE
CONSULTATION</font></b></font><font color="#9E9E9E"><b><font face="Georgia, Times New Roman, Times, serif" color="#626262"></font></b></font></p>
</td>
</tr>
</table>
<!-- #EndEditable --></td>
<td height="390" width="162">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- #BeginEditable "more" --> <!-- #EndEditable -->
<p> </p>
<p> </p>
</td>
</tr>
</table>
<table width="1250" cellspacing="0" border="0">
<tr>
<td width="251" bgcolor="ccff33"> </td>
<td width="741">
<div align="center"><b><u><font face="Georgia, Times New Roman, Times, serif" size="3" color="#9E9E9E">MARIE
LN Floral Design </font></u><font face="Georgia, Times New Roman, Times, serif" size="3" color="#99CC00">|
Rye, NY | (914) 565 9990 | info@marieln-floraldesign.com</font></b></div>
</td>
<td width="251" bgcolor="ccff33"> </td>
</tr>
</table>
<p> </p>
</body>
<!-- #EndTemplate --></html>
0
merci benj....
c est super adorable...
oui effectivement c dreamweaver
sauf le head que j ai code aujourd hui comme une grande

bcp trop large de combien?
c koi le max que tu me conseilles?
je suis depitee.... j ai passe tellement de temps (en mois ca se compte a faire ce site aue j ai pas le courage de tout recommencer... et toutes les photos.....)

dis moi tu peux me donner ton avis sur mon site si je te donne le lien?

merci encore
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
en largeur il faut maximum 960, vu qu'en générale maintenant les écran on une résolution d'aux moins 1024

780 pour être sur que ça passe vraiment partout...

oui je peut te donner mon avis sur ton site, mais la compatibilité w3c est très importante pour moi et il ne peut pas l'être quand on le fais par ce genre de logiciel ou du moins j'en ai jamais vu
0
regarde et dis moi

marieln-floraldesign.com
0
je repnse a l autre reponse que j ai obtenue, si j entre une histoire de pourcentages est ce que ca ne peut pas regler le pb?
0
de cette manière c'est résolu pour cette page après je ne connais pas les autres, avec des pourcentage ce sera moins précis je pense...

le liens que tu m'as donnée ne marche pas,
écris le liens sous cette forme : https://www.google.fr/?gws_rd=ssl
0
j'ai réussit à y accéder, le serveur ne répondais pas la fois d'avant....

il te faut corriger quelques erreurs importante à défaut d'être compatible W3C (tu as environs une 20ene d'erreurs par pages...):

- les majuscule et espaces dans les noms de fichiers et de dossiers sont à remplacer par des minuscule et des _ pour les espaces.

- le design à réduire...

sinon ça me parait être une bonne présentation html...
0
merci de tes conseils

pour les noms de fichiers et donc je suppose titre des pages je vais pouvoir faire

les autre erreurs dont les pages sont truffees comment je les detecte?

pour le design ....... je vais essayer mais redimensionner toutes mes photos et autre me semble une vraie montagne a deplacer..... j en ai deja tellement bave...
le corps central devrait faire combien large ? haut ?
0
pour les titres des pages (balises title dans les balises head) tu peux mettres des majuscules.

les autres erreurs tu peux les détecter avec : http://validator.w3.org/

et pour que ce soit plus pratique tu peux télécharger l'extension htmlvalidator dans les modules complémentaire de firefox.

pour le design je pense qu'en appliquant le petit code que je t'ai donné sur toutes les pages tu pourras résoudre le problème niveau du "centrage".
pour ce qui est de réduire la largeur ça m'a l'air un peu plus chiant...

le corps des pages est d'une bonne dimension

le problème viens des bandes vertes qui sont définit trop grande

j'y regarde et si je trouve une solution simple je la poste
0
merci benj c est super j apprecie beaucoup ton aide
merci
je reviendrais demain faire un tour et regarder si tu as trouve quelque chose pour mes barres vertes..... je que je suis plus douee en art floral qu en web mastering :( mais je ne desespere pas!
je laisse le post en non resolu en attendant de voir si tu me laisse des instructions

thank you so much!!!!1
0
alors j'ai un moyen simple de le faire toutefois c'est un petit compris sur le design...

il faut que dans tu remplaces le 1240 par 1000 dans le code :
<style type="text/css">
body {
width: 1240px;
margin:auto;
}
</style>


et dans tout le reste des pages quand tu vois width="1250" tu remplace 1250 par 1000 et ça centre tout

mais ça réduit l'écart entre les bords du site et le corps, essaye et tu verras ce que je veux dire je ne dois pas être clair là.

et j'ai oublié pour la haut ça n'a pas vraiment d'importance... ce n'est pas très gênant de descendre la fenêtre,
c'est plus embêtant quand il s'agit de la déplacer en horizontale.

dis moi si comme ça ça te conviens sinon on essayera de trouver autre chose...
0
Benj
juste te dire merci pour ton aide... je vais tenter de mettre en pratique tout ca
je marque le post comme resolu pour ne pas encombrer et si besoin reviendrais

merci encore
0