Page non centrée

PoZzI07 · 12 Décembre 2008

Bonjour a tous, donc comme j'ai dis dans ma présentation j'ai un problème sur mon site web qui est que mes pages ne sont pas centrées pour les visiteurs mais pour moi elle sont parfaites (centrées + taille).

J'utilise dreamweaver et mon css et avec mon html sur la même page.Voila mon site pour que vous voyez : http://fcquintenas.c.la/

Voici maintenant comme j'aimerais que mes visiteurs voient ou disons un peu près:

http://www.hiboox.fr/go/images/sport/ss,23...4d2a4d.jpg.html

Voila maintenant mon code html & css:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
	width:646px;
    >>> taille fixe de ton <div>
    position:absolute;
	left: 50%;
	margin-left: 300px;
    >>> taille fixe de ton <div> / 2
    align="center"
	background-image: url(images/fondecrandernierplan.jpg);
	background-image: url(images/fondecrandernierplan.jpg);
	background-repeat: repeat;
	margin-right: 300px;
}
#Layer1 {
	position:absolute;
	width:78px;
	height:32px;
	z-index:1;
	left: 334px;
	top: 177px;
}
#Layer2 {
	position:absolute;
	width:78px;
	height:32px;
	z-index:2;
	left: 630px;
	top: 180px;
}
#Layer3 {
	position:absolute;
	width:78px;
	height:32px;
	z-index:3;
	left: 740px;
	top: 180px;
}
#Layer4 {
    position:absolute;
	width:90px;
	height:30px;
	z-index:4;
	left: 849px;
	top: 180px;
}
#Layer5 {
	position:absolute;
	width:302px;
	height:224px;
	z-index:4;
	left: 334px;
	top: 284px;
}
#Layer6 {
	position:absolute;
	width:78px;
	height:32px;
	z-index:5;
	left: 956px;
	top: 180px;
}
#Layer7 {
	position:absolute;
	width:437px;
	height:193px;
	z-index:6;
	left: 724px;
	top: 724px;
}
#Layer8 {
	position:absolute;
	width:130px;
	height:64px;
	z-index:7;
	left: 1124px;
	top: 105px;
}
#Layer9 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:8;
	left: 690px;
	top: 1212px;
}
#Layer10 {
	position:absolute;
	width:200px;
	height:239px;
	z-index:9;
	left: 314px;
	top: 824px;
}
#Layer11 {
	position:absolute;
	width:435px;
	height:207px;
	z-index:10;
	left: 733px;
	top: 693px;
}
#Layer12 {
	position:absolute;
	width:104px;
	height:90px;
	z-index:11;
	left: 1147px;
	top: 978px;
}
#Layer13 {
	position:absolute;
	width:437px;
	height:178px;
	z-index:12;
	left: 738px;
	top: 745px;
}
#Layer14 {
	position:absolute;
	width:78px;
	height:32px;
	z-index:13;
	left: 523px;
	top: 180px;
}
#Layer15 {
	position:absolute;
	width:436px;
	height:209px;
	z-index:14;
	left: 766px;
	top: 851px;
}
#Layer16 {
	position:absolute;
	width:434px;
	height:216px;
	z-index:15;
	left: 767px;
	top: 820px;
}
#Layer17 {
	position:absolute;
	width:440px;
	height:240px;
	z-index:16;
	left: 761px;
	top: 750px;
}
#Layer18 {
	position:absolute;
	width:444px;
	height:115px;
	z-index:17;
	left: 757px;
	top: 848px;
}
#Layer19 {
	position:absolute;
	width:437px;
	height:187px;
	z-index:18;
	left: 758px;
	top: 630px;
}
#Layer20 {
	position:absolute;
	width:53px;
	height:36px;
	z-index:19;
	left: 1163px;
	top: 20px;
}
#Layer21 {
	position:absolute;
	width:53px;
	height:36px;
	z-index:20;
	left: 1244px;
	top: 20px;
}
#Layer22 {
	position:absolute;
	width:70px;
	height:53px;
	z-index:21;
	left: 542px;
	top: 109px;
}
#Layer23 {
	position:absolute;
	width:57px;
	height:52px;
	z-index:21;
	left: 555px;
	top: 113px;
}
#Layer24 {
	position:absolute;
	width:433px;
	height:224px;
	z-index:22;
	left: 754px;
	top: 369px;
}
#Layer25 {
	position:absolute;
	width:93px;
	height:33px;
	z-index:1;
	left: 107px;
	top: 0px;
}
-->
</style></head>

<body>
<div id="Layer23">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="64" height="55">
    <param name="movie" value="images/ballon ki tourne 2-2.swf" />
    <param name="quality" value="high" />
    <embed src="images/ballon ki tourne 2-2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="64" height="55"></embed>
  </object>
</div>
<div id="Layer12"><img src="images/hattrickcrest4a.png" width="175" height="179" /></div>
<div id="Layer10"><img src="images/matchprochain-1 copie.jpg" width="398" height="254" /></div>
<div id="Layer6"><img src="images/bouton/bouton wallpaper.jpg" width="90" height="30" />
  <div id="Layer25"><a href="coupe.html"><img src="images/bouton/coupe.jpg" width="90" height="30" border="0" /></a></div>
</div>
<div id="Layer5"><img src="images/classement.jpg" width="306" height="313" /></div>

<div id="Layer14"><a href="index.html"></a><a href="index.html"></a><a href="index.html"><img src="images/bouton/bouton accueil dessu.jpg" width="90" height="31" border="0" /></a></div>
<div id="Layer4"><a href="livredor-1.html"></a><a href="livredor-1.html"></a><a href="livredor-1.html"><img src="images/bouton/livredor.jpg" width="90" height="30" border="0" /></a></div>
  <table width="1024" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="images/baniereseule.jpg" width="1024" height="253" />
        <div id="Layer21"><img src="images/bouton/dreapeauUK.jpg" width="55" height="40" /></div>
      <div id="Layer20"><a href="index.html"></a><img src="images/bouton/drapeaufr .jpg" width="55" height="40" /></div></td>
    </tr>
    <tr>
      <td><img src="images/siweb font01.jpg" width="1024" height="926" />
        <div id="Layer24">
          <p><strong><u>06 DECEMBRE 2008: </u></strong></p>
          <p><strong>Apres un nul concédé samedi dernier les jaunes et noirs ont de nouveau rebomdient en décrochant le score <br />
  de 1 à 2 en notre faveur sur la pelouse de la marchine a gagner.<br />
  L'équipe a sue dominer la rencontre en possédant le ballon pendant les deux périodes de jeu.<br />
  Gràce a cela Henrique Domingues et Xavier Villette ont puent marquer pour ramener la victoire.<br />
  BRAVO à toute l'équipe !!</strong><br />
          </p>
        </div>
        <div id="Layer19">
          <p><strong><u>29 NOVEMBRE 08:</u></strong></p>
          <p>Mauvaise opération pour les jaunes et noir qui consèdent le nul chez eux (1 à 1) alors que la semaine derniere contre<br />
  la meme équipe ils se sont imposés 0 à 2.Malgrès ce score la montée n'est pas perdu mais reste d'avantage compromise<br />
  surtout quand l'équipe de ZOUZ a gagné 3 à 1 face à AS Laudun.</p>
        </div>
        <div id="Layer18">
          <p><strong><u>22 NOVEMBRE 2008:</u></strong></p>
          <p>Nouvelle victoire du FC quintenas 2 à 0 à l'exterieur face au dragon 66 une bonne équipe sur le papier.<br />
  Ce score supplémentaire permet de concurrencer encore et toujours le club zouz qui à lui aussi gagné(5à1).<br />
          Nous somme toujours 2eme au classement et Ulf Pollak reste encore en arret maladie pour 2 semaines avant de pouvoir rattaquer l'entrainement avec le groupe.</p>
        </div>
      </td>
    </tr>
  </table>
  <div id="Layer8"><img src="images/airnessboutique.jpg" width="135" height="62" /></div>
<div id="Layer3"><a href="boutique.html"></a><a href="boutique.html"></a><a href="boutique.html"><img src="images/bouton/boutonboutique.jpg" width="90" height="30" border="0" /></a></div>
<div id="Layer2"><a href="historique.html"></a><a href="historique.html"></a><a href="historique.html"><img src="images/bouton/boutonhistorique.jpg" width="90" height="30" border="0" /></a></div>

<div align="center" id="Layer9">
  <script type='text/javascript' src='http://www.123compteur.com/count-skinable-premium.php?votre_id=459853&font_color=FFFFFF&back_color=FFCC00&back_color2=000000&font_family=Comic Sans MS&nom_site=FC Quintenas'></script>
  <noscript>
  <a href="http://www.123compteur.com" target="_blank">compteur</a>
  </noscript>
</div>
<!--DEBUT WEBOSCOPE FREE - Weborama -->
<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,374607);}</script>
<NOSCRIPT><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 </NOSCRIPT>
<!--FIN WEBOSCOPE FREE - Weborama -->
</body>

</html>

--------------------------------------------------

Merci d'avance de votre aide j'espère que j'ai été assez précis ... A bientôt !!!

**Dadou** · 12 Décembre 2008

Normal, tu as fait ta mise en page avec des positions absolues, n'as tu jamais pensé que les internautes n'ont pas tous la même taille d'écran que toi

PoZzI07 · 14 Décembre 2008

alors il faut que je les mette en quoi ? En relative ? merci de ton aide

jmi · 14 Décembre 2008

c'est centré chez moi, testé sous FF, IE6,IE7 et opera .

jpr050 · 14 Décembre 2008

salut

c'est pas centré chez moi IE7 ecrant 19'' 16/9 .

A+

PoZzI07 · 14 Décembre 2008

lol voila le reel problème enfaite tout le monde n'a pas la page centrée :s

Sora · 15 Décembre 2008

pour centrer :

body {
width:646px;
[b]margin:0 auto;[/b]
background-image: url(images/fondecrandernierplan.jpg);
background-image: url(images/fondecrandernierplan.jpg);
background-repeat: repeat;
}

align="center" <- ça, ça n'as rien à faire dans du CSS

PoZzI07 · 15 Décembre 2008

merci pour votre aide j'ai fais ce que tu ma dis "SORA" est ce que sa c'est centrée pour vous maintenant ? (regarder juste l'index, le reste je n'est pas encore fais de modif.)

fc quintenas

Connexion

Page non centrée

Sujets conseillés

PoZzI07

Dadou

PoZzI07

jmi

jpr050

PoZzI07

Sora

PoZzI07

Veuillez vous connecter pour commenter

Parcourir

Activité