Pb centrage site

Question

zalex06

4 May 2008 à 11:15

Salut a tous
Voila j'ai un probleme avec mon site.web , la barre de defilement horizontal apparait (site étudiée pour un 1024* 768)
je ne comprends pa pk

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur le site non-officiel de l'as cannes - Les informations pratiques</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="Bienvenue sur le site non-officiel de l'as cannes" href="../css/style.css" />
   </head>
   <body>
   <div id="conteneur">

   <div id="image"></div>
  <div id="menu"> 
   <div id="zoneMembre">
	<div id="titre">
	</div>
	
<br />
<b>Warning</b>:  session_start() [<a href='function.session-start'>function.session-start</a>]: open(/mnt/140/sdc/f/6/alexandre.aillot/sessions/sess_6a6484fbd65035fe85d456eda66307c7, O_RDWR) failed: No such file or directory (2) in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/les_infos_pratiques.php</b> on line <b>17</b><br />

<br />
<b>Warning</b>:  session_start() [<a href='function.session-start'>function.session-start</a>]: Cannot send session cookie - headers already sent by (output started at /mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/les_infos_pratiques.php:6) in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/les_infos_pratiques.php</b> on line <b>17</b><br />
<br />
<b>Warning</b>:  session_start() [<a href='function.session-start'>function.session-start</a>]: Cannot send session cache limiter - headers already sent (output started at /mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/les_infos_pratiques.php:6) in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/les_infos_pratiques.php</b> on line <b>17</b><br />

	<div id="main">
			<form action='verif.php' method='post'><p>
				<input class="px" type='text' name='login' value="login" /><br/>
				<input class="px" type='password' name='mot_de_passe' value="******"/><br/>
				<input class="btnConnexion" type='image' src="../photos/connexionLoscwebtv.jpg" value="submit" /><br/>

				<a href='#'>Mot de passe oubli&eacute;?</a></p>
			</form>

	</div>
	<div id="fin">
		<span><a href='inscription.php' class="lienInscription">inscription >></a></span>
	</div>
	

</div>
</div>
  

<div id="fil_infos">
<div id="flash">
<div id="image_du_haut"><img src="../photos/fil_info_top.jpg" alt="fil infos" />
</div>

	
<div id="contenu"><br />
<b>Warning</b>:  mysql_select_db() [<a href='function.mysql-select-db'>function.mysql-select-db</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/news_listes.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  mysql_query() [<a href='function.mysql-query'>function.mysql-query</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/news_listes.php</b> on line <b>15</b><br />

<div class="infos"><ul class="sans_retrait"><br />
<b>Warning</b>:  mysql_fetch_array(): supplied argument is not a valid MySQL result resource in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/news_listes.php</b> on line <b>20</b><br />
</ul></div> </div></div>
<div id="prochain_match">
<div id="prochain_match_haut"><img src="../photos/prochain_match.jpg" alt="prochain_match" />
</div>
<div id="contenu_prochain_match"><br />
<b>Warning</b>:  mysql_select_db() [<a href='function.mysql-select-db'>function.mysql-select-db</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>10</b><br />

<br />
<b>Warning</b>:  mysql_query() [<a href='function.mysql-query'>function.mysql-query</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>15</b><br />
<div class="info2"><table class="align"><br />
<b>Warning</b>:  mysql_fetch_array(): supplied argument is not a valid MySQL result resource in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>23</b><br />

</table></div><br />
<b>Warning</b>:  mysql_select_db() [<a href='function.mysql-select-db'>function.mysql-select-db</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  mysql_query() [<a href='function.mysql-query'>function.mysql-query</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>45</b><br />

<div class="equipe1"><br />
<b>Warning</b>:  mysql_fetch_array(): supplied argument is not a valid MySQL result resource in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>52</b><br />
</div><br />
<b>Warning</b>:  mysql_select_db() [<a href='function.mysql-select-db'>function.mysql-select-db</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>68</b><br />

<br />
<b>Warning</b>:  mysql_query() [<a href='function.mysql-query'>function.mysql-query</a>]: A link to the server could not be established in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>73</b><br />
<div class="equipe2"><br />
<b>Warning</b>:  mysql_fetch_array(): supplied argument is not a valid MySQL result resource in <b>/mnt/140/sdc/f/6/alexandre.aillot/site_cannes/site/prochain_match.php</b> on line <b>80</b><br />

</div> </div></div>
<div id="dernier_match">
<div id="dernier_match_haut"><img src="../photos/dernier_match.jpg" alt="dernier_match" />
</div>
<div id="contenu_dernier_match">
<div class="info"><table class="align"><tr><td colspan="2" class="align">Journ&eacute;e 34</td></tr><tr><td colspan="3">Cannes&nbsp;3-2&nbsp;Rodez</td></tr><tr><td colspan="2" class="align">2008-04-19</td></tr></table></div><div class="equipe3"><img class="im" src="../photos/logo_clubs/logo_rodez.jpg" alt="" /></div><div class="equipe4"><img class="im" src="../photos/logo_clubs/logo_cannes.jpg" alt="" /></div> </div></div>
<div id="classement">
<div id="classement_haut"><img src="../photos/classement.jpg" alt="prochain_match" />
</div>

<div id="contenu_classement">
<table class="table2"><tr><th>Pl</th><th>Equipe</th><th>Pts</th></tr><tr><td>1</td><td>Vannes</td><td>52</td></tr><tr><td>2</td><td>Tours</td><td>45</td></tr><tr><td>3</td><td>Sete</td><td>44</td></tr><tr><td>15</td><td>Cannes</td><td>32</td></tr><tr><td>17</td><td>Martigues</td><td>28</td></tr><tr><td>18</td><td>Louhans</td><td>25</td></tr><tr><td>19</td><td>Pau FC</td><td>24</td></tr><tr><td>20</td><td>Villemonble</td><td>23</td></tr></table> </div></div></div>

<div id="info_principal">
<h1 class="title">Les informations pratiques</h1>
<img class="float" src="../photos/cannes.gif" alt="logo_cannes" />
<div class="infos_pratiques">
<ul class="stop">
<li>Nom : Association sportive de Cannes</li><br/>
<li>Fondation : 1902</li><br/>
<li>Couleurs :  Maillot à rayures rouges et blanches, short et bas rouges</li><br/>
<li>Siège : Avenue Pierre de Coubertin 06151 Cannes la Bocca</li><br/>
<li>Téléphone : 04.92.19.50.50 </li><br/>
<li>Fax : 04.93.47.07.13</li><br/>

<li>Mail : <a class="red" href="mailto:asc.foot@wanadoo.fr">asc.foot@wanadoo.fr</a></li><br/>
<li>Stade : Pierre de Coubertin 17500 places</li><br/>
<li>Adresse du stade : Avenue Pierre Po&eacute;si 06150 Cannes la Bocca</li><br/>
<li>Pr&eacute;sident : Jean-Claude Lahiner</li><br/>
<li>Entraineur : Patrice Carteron</li><br/>
</ul>
</div>
<img class="bb" src="../photos/equipe07_08_pub.jpg" alt="equipe" />
</div>


<div id="pied_de_page"></div>
</div>
</body>
</html><br />
<b>Warning</b>:  Unknown(): open(/mnt/140/sdc/f/6/alexandre.aillot/sessions/sess_6a6484fbd65035fe85d456eda66307c7, O_RDWR) failed: No such file or directory (2) in <b>Unknown</b> on line <b>0</b><br />
<br />
<b>Warning</b>:  Unknown(): Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/mnt/140/sdc/f/6/alexandre.aillot/sessions) in <b>Unknown</b> on line <b>0</b><br />

et voici le css

body
{
background: #000000  url("../photos/gazon.png")  fixed 50% 0px;

margin-left:auto;
margin-right:auto;
}
div#conteneur
{
width:1000px;
height:auto;

margin-left:auto;
margin-right:auto;
margin-top:50px;
color:red;
background:white;

}

div#image
{
width:1000px;
height:175px;
margin-left:auto;
margin-right:auto;
border:0px solid;
background:url("../photos/cannes2.png");
margin-top:0px;
margin-bottom:0px;
}

div#pied_de_page

{
clear:both;
width:1000px;
height:125px;
margin-left:auto;
margin-right:auto;
border:1px solid;
background:url("../photos/sponsors/banniere_bas_depage.png");
margin-top:0px;
margin-bottom:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}
	
div#menu 	
{
float: left;
width: 160px;
margin-right: 10px;
background:white;
border-bottom:1px solid red;

height:auto;

}

div#info_principal
{
margin-left: 160px;
margin-right: 281px;
background: white;
border-top:1px solid red;
border-left:1px solid red;
border-right:1px solid red;
border-bottom:1px solid red;
height:auto;
margin-top:-1px;
margin-bottom:-1px;
}

div#fil_infos
{
float: right;
width: 282px;

background: white;

height:auto;
}

div#flash
{
position:relative;
background: white;
border-left:1px solid red;
height:250px;
width:auto;
}
p
{
text-align:center;
}

div#info_principal2
{
float:left;
border:1px solid red;
height:auto;
width:838px;
/*background:url("../photos/Arles-Une.jpg") no-repeat;*/
}

div#menu2 	
{
float: left;
width: 160px;
background: white;
height:500px;
margin-right: 10px;
}
h1,h2
{
text-align:center;
}

.club1
{
float:left;
margin:40px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.club2
{

float:right;

}

.gras
{
font-weight:bold;
}
.decal
{
margin-right:-10%;
}
.table
{
width:75%;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:2,5px

}

.table2
{
width:75%;
text-align:center;
margin-left:auto;
margin-right:auto;


}

th
{
border-bottom:1px solid black;
}
.table2 tr+tr>td
{
background-color:#00CCFF;
}

.table2 tr+tr+tr+tr>td
{
border-bottom:2px solid black;

}
.table2 tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
background-image:url("../photos/deg.png");
}


.table2 tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}
.table2 tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px;
background:pink;
}

.table th
{
border-bottom:2px solid black;
}

.table3
{

text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;

}
.table3 th
{
border-bottom:2px solid black;
border-top:2px solid black;
}
.table3 tr+tr+tr>td
{
border-bottom:2px solid black;

}
.table3 tr+tr+tr+tr>td
{
border-bottom:0px solid black;
}
.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}
.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px solid black;
}
.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}
.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px solid black;
}
.degrade
{
position:relative;
left:100px;
margin-top:15px;
margin-bottom:30px;

}
p
{
color:black;
}

#zoneMembre{
	position:relative;
	top:0;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	width:119px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #titre{
	top:0px;
	left:0px;
	background-image:url("../photos/membre_top.jpg");
	width:119px;
	height:16px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #main{
	position:relative;
	background-image:url("../photos/membre_background.jpg");
	width:119px;
	height:89px;
	margin-top : 2px;
	text-align : center;
	font-size : 10px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre a, #zoneMembre a:hover,#zoneMembre a:focus{
	text-decoration: none;
	color : black;
}


#zoneMembre #main input{
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
	letter-spacing:1px;
	background-color:transparent;
	color:#777;
	text-align : center;
/* 	border:2px; */
}

#zoneMembre #main #membreBienvenue{
	
	float:left;
	width:100%;
	font-size : 11px;
	font-family: Arial, Verdana, Helvetica;
	letter-spacing:0.5px;
	color:#000;
	text-align : center;
}

#zoneMembre #main #membreProfil{
	position:relative;
	float:left;
	width:100%;
	text-align : center;
	padding-top:5px;
}

#zoneMembre #main #membreDeconnexion{
	position:relative;
	float:left;
	width:100%;
	text-align : center;
	padding-top:0px;
}

#zoneMembre #main input[type=submit]{
	font-size : 10px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #connexion{
	position:relative;
	/*top:55px;*/
	left:19px;
	background-image:url("../photos/connexion.jpg");
	width:82px;
	height:20px;
	font-size : 10px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #fin{
	position:relative;
	background-image:url("../photos/membre_bottom.jpg");
	width:113px;
	height:13px;
	text-align : right;
	padding-right: 6px;
	padding-top: 1px;
	color : white;
	font-size : 10px;
	font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #fin a.lienInscription{
	color : white;
	font-size : 10px;
	font-family: Arial, Verdana, Helvetica;
	 
}

#image_du_haut
{
position:relative;

margin-left:auto;
margin-right:auto;

}




.align
{
text-align:center;
}

th
{
border-bottom:1px solid black;
}

.table tr+tr+tr>td
{
border-bottom:2px solid black;

}
.table tr+tr+tr+tr>td
{
border-bottom:0px;
}
.table tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}
.table tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px;
}

.table th
{
border-bottom:2px solid black;
}

#prochain_match
{
position:relative;
margin-left:auto;
margin-right:auto;
height:150px;
border-left:1px solid red;
}
#prochain_match_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_prochain_match
{
position:relative;
margin-left:auto;
margin-right:auto;

}

#dernier_match
{
position:relative;

margin-left:auto;
margin-right:auto;
height:150px;
border-left:1px solid red;
}
#dernier_match_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_dernier_match
{
position:relative;
margin-left:auto;
margin-right:auto;
}
#classement
{
position:relative;

margin-left:auto;
margin-right:auto;
border-left:1px solid red;

}
#classement_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_classement
{
position:relative;
margin-left:auto;
margin-right:auto;
}
.im
{
width:60px;
height:60px;
}
.equipe1
{
position:relative;
top:-65px;
left:5px;

}
.equipe2
{
position:relative;
top:-130px;
left:212px;
}
.equipe3
{
position:relative;
top:-65px;
left:10px;

}
.equipe4
{
position:relative;
top:-128px;
left:215px;
}


.info
{
position:relative;
text-align:center;
height:auto;
margin-left:75px;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
}
.info2
{
position:relative;
text-align:center;
height:auto;
margin-left:78px;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
}
.px
{
width:110px;
}
/*
thead > tr
{
background-color:orange;
}

tr
{
background-color:black;
}

tr + tr + tr + tr
{
background-color:yellow;
}

tr + tr + tr + tr + tr + tr +tr + tr + tr +tr + tr + tr +tr + tr + tr  + tr + tr 
{
background-color:blue;
} 
*/
.haut
{
border-top:2px solid black;
border-bottom:2px solid black;
}

.table5
{
margin-left:auto;
margin-right:auto;
margin-top:25px;
}
.centr
{
margin-left:auto;
margin-right:auto;
list-style-type:none;
text-align:center;
}
.haut
{
border-top:2px solid black;
border-bottom:2px solid black;
}

.black
{
color:black;
}
.center
{
position:relative;
left:100px;
margin-left:auto;
margin-right:auto;
width:80%;


}
.ballon
{
list-style-image:url("../photos/ballon_rouge_40.png");
}
.red
{
color:red;
}

label {
display:block;
width:225px;
float:left;
}
.equipe
{
width:80%;
margin-left:60px;
margin-right:auto;
text-align:center;
border:0px;
}
.droite
{
position:relative;
left:115px;
color:red;
text-decoration:none;
}

.ballon2
{
list-style-image:url("../photos/ballon_rouge_50.png");
list-style-position: outside;
}
.black
{
color:black;

}
.infos
{
position:relative;
left:-18px;
font-size:2ex;
height:500px;
}

.sans_retrait
{
line-height:20px;
}

.centrer
{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.float
{
float:left;
margin-top:50px;
}
.stop
{
clear:left;
list-style-type:none;
color:black;
}

.infos_pratiques
{
position:relative;
left:110px;
top:-130px;
}

.title
{
color:red;
font-size:large;
text-align:left;
margin-top:75px;
}

.bb
{
width:90%;

position:relative;
margin-left:auto;
margin-right:auto;
}

page dispo ici : http://alexandre.aillot.free.fr/site_c [...] pratiques.php (faites pas gaffes aux erreurs php si il y en a Smiley cligne

)

merci d avance

Heyoan

4 May 2008 à 11:40

Salut zalex06 et bienvenue Smiley cligne

,

ton lien conduit vers une "Erreur 404 - Document non trouvé" ! Par contre attention : si on saisit directement -http://alexandre.aillot.free.fr/ ta structure est ouverte à tous les vents et on peut naviguer dans toute la structure Smiley langue

! Pour y remédier simplement il suffit de créer un index.html (ou index.php) vide dans chacun des répertoires !

A+
Modifié par Heyoan (04 May 2008 - 12:06)

zalex06

4 May 2008 à 11:43

http://alexandre.aillot.free.fr/site_cannes/site/index.php

lol oé fodra ke j voye ca Smiley cligne

une idee pr le centrage ?

yodaswii

4 May 2008 à 11:57

Bonjour,

Rapidement ... le problème vient de la mauvaise utilisation que tu fais de la propriété CSS "position". Smiley decu

Tu pourras notamment constater qu'en désactivant les "position: relative;" de tes classes "equipe1", "equipe2", "equipe3" et "equipe4" la scrollbar horizontal disparaîtra ... Smiley smile

Je ne peux aller plus loin dans l'analyse mais il est clair que beaucoup de choses sont à revoir.

Bonne continuation.
Romain

Arsene

4 May 2008 à 12:20

a écrit :
site étudiée pour un 1024* 768

Pourquoi ?

a écrit :
lol oé fodra ke j voye ca

lang="@&"?

zalex06

4 May 2008 à 13:07

ca va un peu mieux il me manque plus grand chose pour qu'il n 'y est plus le scrolling horizontal
j'ai mis toutes mes classes equipe en absolutes notamment
toutefois il reste un tt petit bou de scrolling
voici le nouveau css


/*Strucure générale de la page
/*Site en 3 colonnes les colonnes de gauche et de droite sont flottantes, celle du milieu est placé dans le flux */


body
{
background: #000000  url("../photos/gazon.png")  fixed 50% 0px;
margin: auto;
}

div#conteneur
{
width:1000px;
height:auto;
min-height: 100%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
color:red;
background:white;
}

div#image
{
width:1000px;
height:175px;
margin-left:auto;
margin-right:auto;
border:0px solid;
background:url("../photos/cannes2.png");
margin-top:0px;
margin-bottom:0px;
}

div#pied_de_page
{
clear:both;
width:1000px;
height:125px;
margin-left:auto;
margin-right:auto;
border:1px solid;
background:url("../photos/sponsors/banniere_bas_depage.png");
margin-top:0px;
margin-bottom:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}
	
div#menu 	
{
float: left;
width: 160px;
margin-right: 10px;
background:white;
border-bottom:1px solid red;
color:red;
text-align:center;
font-size:small;
height:auto;
}

div#info_principal
{
margin-left: 160px;
margin-right: 281px;
background: white;
border-top:1px solid red;
border-left:1px solid red;
border-right:1px solid red;
border-bottom:1px solid red;
height:auto;
margin-top:-1px;
margin-bottom:-1px;
}

div#fil_infos
{
float: right;
width: 282px;
background: white;
height:auto;
}

div#flash
{
position:relative;
background: white;
border-left:1px solid red;
height:250px;
width:auto;
}


/* Structure de la page detaillee*/

#prochain_match
{
position:relative;
margin-left:auto;
margin-right:auto;
height:150px;
border-left:1px solid red;
}

#prochain_match_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_prochain_match
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#dernier_match
{
position:relative;
margin-left:auto;
margin-right:auto;
height:150px;
border-left:1px solid red;
}

#dernier_match_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_dernier_match
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#classement
{
position:relative;
margin-left:auto;
margin-right:auto;
border-left:1px solid red;
}

#classement_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

#contenu_classement
{
position:relative;
margin-left:auto;
margin-right:auto;
}

div#info_principal2
{
float:left;
border:1px solid red;
height:auto;
width:838px;
/*background:url("../photos/Arles-Une.jpg") no-repeat;*/
}

div#menu2 	
{
float: left;
width: 160px;
background: white;
height:500px;
margin-right: 10px;
}

#menu_admin
{
float:left;
height:auto;
width:175px;
}

#info_principal_admin
{
float:left;
width:740px;
height:auto;
border-left:1px solid red;
}

div#image_admin
{
width:1000px;
height:175px;
margin-left:auto;
margin-right:auto;
border:0px solid;
background:url("../photos/cannes_admin.png");
margin-top:0px;
margin-bottom:0px;
}

#fonctions_admin
{
clear:both;
width:100%;
border-top:1px solid red;
}

/*Zone_membre (identification) */

#zoneMembre
{
position:relative;
top:0;
left:0px;
margin-left:auto;
margin-right:auto;
width:119px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #titre
{
top:0px;
left:0px;
background-image:url("../photos/membre_top.jpg");
width:119px;
height:16px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre .main
{
position:relative;
background-image:url("../photos/membre_background.jpg");
width:119px;
height:89px;
margin-top : 2px;
text-align : center;
font-size : 10px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre a, #zoneMembre a:hover,#zoneMembre a:focus
{
text-decoration: none;
color : black;
}


#zoneMembre .main input
{
font-size : 11px;
font-family: Arial, Verdana, Helvetica;
letter-spacing:1px;
background-color:transparent;
color:#777;
text-align : center;
/* 	border:2px; */
}

#zoneMembre .main #membreBienvenue
{
	
float:left;
width:100%;
font-size : 11px;
font-family: Arial, Verdana, Helvetica;
letter-spacing:0.5px;
color:#000;
text-align : center;
}

#zoneMembre .main #membreProfil
{
position:relative;
float:left;
width:100%;
text-align : center;
padding-top:5px;
}

#zoneMembre .main #membreDeconnexion{
position:relative;
float:left;
width:100%;
text-align : center;
padding-top:0px;
}

#zoneMembre .main input[type=submit]
{
font-size : 10px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #connexion{
position:relative;
/*top:55px;*/
left:19px;
background-image:url("../photos/connexion.jpg");
width:82px;
height:20px;
font-size : 10px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #fin{
position:relative;
background-image:url("../photos/membre_bottom.jpg");
width:113px;
height:13px;
text-align : right;
padding-right: 6px;
padding-top: 1px;
color : white;
font-size : 10px;
font-family: Arial, Verdana, Helvetica;
}

#zoneMembre #fin a.lienInscription{
color : white;
font-size : 10px;
font-family: Arial, Verdana, Helvetica;
	 
}

#image_du_haut
{
position:relative;
margin-left:auto;
margin-right:auto;
}

/* Menu*/
#menu_final 
{
width:auto;
margin:10px 0px;
padding:0px;
position:relative;
left:22px;
text-align:left;
}

#menu_final ul a
 {
width:150px;
list-style:none;
padding:0px;
margin:0px;
border:0px;  
}

#menu_final ul li
{
display:block;
height:22px;
}

#menu_final ul li ul {
display:none;
}

#menu_final ul li+li:hover ul {
display:block;
position:absolute;
top:22px;
left:90px;
}

#menu_final ul li+li+li:hover ul {
display:block;
position:absolute;
top:44px;
left:90px;
}

#menu_final ul li+li+li+li:hover ul {
display:block;
position:absolute;
top:68px;
left:90px;
}

#menu_final ul li+li+li+li+li:hover ul {
display:block;
position:absolute;
top:87px;
left:90px;
}
.navigation 
{
list-style:none;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top:50px;
}

.navigation li:hover 
{
display:block;
}

.navigation li
{
display:block;
height:auto;
padding:0px;
margin:0px;
}

/*Strucuture detaillee des balises*/

p,h1,h2
{
text-align:center;
}

th
{
border-bottom:1px solid black;
}

label {
display:block;
width:225px;
float:left;
}

/* Les classes */

.no
{
text-align:left;
}

.club1
{
float:left;
margin:40px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.club2
{
float:right;
}

.gras2
{
font-weight:bold;
color:red;
}

.gras2
{
font-weight:bold;
color:black;
}

.decal
{
margin-right:-10%;
}

.table
{
width:75%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.table7
{
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
color:black;
}
.table7 th
{
color:red
}

.table2
{
width:75%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.table td
{
color:black;
}

.table2 tr+tr>td
{
background-color:#ADEAEA;
}

.table2 tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}

.table2 tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
background-image:url("../photos/deg.png");
font-weight:bold;
}

.table2 tr+tr+tr+tr+tr>td
{
border-bottom:2px solid black;
}

.table2 tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px;
background:#FFE5E3;
font-weight:normal;
}

.table th
{
border-bottom:2px solid black;
}

.table3
{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
color:black;
}

.table3 th
{
border-bottom:2px solid red;
color:red;
}

.table3 tr+tr+tr>td
{
border-bottom:2px solid red;
}

.table3 tr+tr+tr+tr>td
{
border-bottom:0px solid red;
}

.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid red;
}

.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px solid red;
}

.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid red;
}

.table3 tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px solid black;
}

.degrade
{
position:relative;
left:100px;
margin-top:15px;
margin-bottom:30px;
}

.align
{
text-align:center;
}

.table tr+tr+tr>td
{
border-bottom:2px solid red;
}

.table tr+tr+tr+tr>td
{
border-bottom:0px;
}

.table tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:2px solid red;
}

.table tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
border-bottom:0px;
}

.table th
{
border-bottom:2px solid red;
}

.im
{
width:60px;
height:60px;
}

.equipe1
{
position:absolute;
top:5px;
left:8px;
}

.equipe2
{
position:absolute;
top:5px;
left:215px;
}

.equipe3
{
position:absolute;
top:5px;
left:8px;
}

.equipe4
{
position:absolute;
top:5px;
left:215px;
}

.info
{
position:relative;
text-align:center;
height:auto;
margin-left:66px;
margin-right:20px;
margin-top:20px;
margin-bottom:auto;
}

.info2
{
position:relative;
text-align:center;
height:auto;
margin-left:95px;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
}

.px
{
width:110px;
}

.haut
{
border-top:2px solid black;
border-bottom:2px solid black;
}

.table5
{
margin-left:auto;
margin-right:auto;
margin-top:25px;
color:black;
}

.centr
{
margin-left:auto;
margin-right:auto;
list-style-type:none;
text-align:center;
}

.haut
{
border-top:2px solid black;
border-bottom:2px solid black;
}

.black
{
color:black;
}

.center
{
position:relative;
left:100px;
margin-left:auto;
margin-right:auto;
width:80%;
}
.ballon
{
list-style-image:url("../photos/ballon_rouge_40.png");
}

.red
{
color:red;
}


.equipe
{
width:80%;
margin-left:60px;
margin-right:auto;
text-align:center;
border:0px;

}
.droite
{
position:relative;
left:151px;
color:red;
text-decoration:none;
}
.droite2
{
position:relative;
top:-30px;
left:165px;
color:red;
text-decoration:none;
}

.ballon2
{
list-style-image:url("../photos/ballon_rouge_50.png");
list-style-position: outside;
}
.black
{
color:black;
}

.infos
{
position:relative;
left:-18px;
font-size:2ex;
height:500px;
}

.sans_retrait
{
line-height:20px;
}

.centrer
{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.float
{
float:left;
margin-top:50px;
margin-left:20px;
}
.plein
{
margin-left:60px;

margin-top:0px;
margin-bottom:100px;
line-height:10em;
}

.inline
{
display:inline;
margin:25px;
padding:25px;
}

.float2
{
float:left;
margin-left:25px;
margin-right:25px;
}

.stop
{
clear:left;
list-style-type:none;
color:black;
}

.infos_pratiques
{
position:relative;
left:110px;
top:-130px;
}

.title
{
color:red;
font-size:large;
text-align:left;
margin-top:75px;
}

.bb
{
width:90%;
position:relative;
margin-left:auto;
margin-right:auto;
}

.none
{
list-style-type:none;
color:black;
}

.coupe
{
float:left;
}

.dates
{
display:block;
}

.centre
{
position:relative;
margin-left:28%;
margin-right:28%;
width:100%;
color:black;
}

.ja,.b
{
color:black;
border:1px solid black;
border-collapse: collapse;
margin-bottom:25px;
}

.ja2
{
color:black;
border:1px solid black;
border-collapse: collapse;
margin-bottom:25px;
}

.b
{
border-left:0px solid;
border-top:1px solid;
border-bottom:1px;
border-right:1px;
}

.ja tr>td
{
background-color:red;
color:white;
}


.ri tr>td
{
border-top:1px solid black;
}

.ja tr+tr>td
{
background-color:white;
color:black;
}

.ja tr+tr+tr>td
{
background-color:red;
color:white;
}

.ja tr+tr+tr+tr>td
{
background-color:white;
color:black;
}

.ja tr+tr+tr+tr+tr>td
{
background-color:red;
color:white;
}

.ja tr+tr+tr+tr+tr+tr>td
{
background-color:white;
color:black;
}

.ja tr+tr+tr+tr+tr+tr+tr>td
{
background-color:red;
color:white;
}

.ja tr+tr+tr+tr+tr+tr+tr+tr>td
{
background-color:white;
color:black;
}

.ja tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
background-color:red;
color:white;
}

.ja tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
background-color:white;
color:black;
}

.ja tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
background-color:red;
color:white;
}

.ja tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td
{
background-color:white;
color:black;
}

.milieu
{
text-align:center;
margin-right:auto;
}

.gauche
{
text-align:left;
border:0px;
margin-top:10px;
margin-bottom:10px;
font-size:medium;
text-indent: 5px;
}

.fillon
{
position:relative;
top:-20px;
left:39px;
}

.cent
{
width:100%;
}

.cent2
{
margin-left:250px;
}

.droi
{
position:relative;
left:320px;
}

.droit
{
position:relative;
left:300px;
}

.droita
{
position:relative;
left:132px;
}

.min
{
width:90%;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:10px;
}

.table10
{
width:100%;
margin-left:auto;
margin-right:auto;
}

.zero
{
border:0px;
}

.menus
{
margin-left:-20px;
}

.menu_final
{
margin-top:50px;
}

.top
{
margin-top:25px;
}

.niet
{
text-decoration:none;
color:black;
}

.niet:hover
{
color:red;
text-decoration:underline;
}

.midle
{
text-align:center;
}

.bi
{
text-align:left;
}

.flotant_gauche
{
float:left;
}

.flotant_droit
{
float:right;
}

.a_la_une 
{
background:#FFE5E3;
color:black;
padding:6px 10px 15px 10px;
border:1Px solid #cdcdd4;
}

.rien
{
list-style-type:none;
}

.a_la_une .photo_principale 
{
display:block;
}

.a_la_une h2 
{
text-indent:-5000px;
background:#445eb2 url("../photos/h2-a_la_une.gif") bottom repeat-x;
width:68px;
height:15px;
margin:0 0 5px 0;
}

.a_la_une .photo_principale 
{
display:block;
}

.a_la_une h2 
{
text-indent:-5000px;
background:#445eb2 url("../photos/titre_une.png") bottom repeat-x;
width:150px;
height:22px;
margin:0 0 5px 0;
color:white;
}

.titreAlaune
{
text-indent:-5000px;
display:block;
background:#445eb2 url("../photos/titre_une.png") bottom repeat-x;
width:68px;
height:15px;
margin:0 0 5px 0;
}

.ac
{
margin-top:2px;
}

.lefty
{
margin-left:445px;
}
.lefta
{
margin-left:435px;
}
.lefta
{
margin-left:295px;
}

.lefto
{
margin-left:315px;
}

.a_la_une h3 
{
font-family:"Trebuchet Ms", verdana, arial;
font-size:18px;
font-weight:bold;
margin:10px 0 5px 0;
}

.droite
{
text-align:right;
}


.a_la_une p 
{
line-height:16px;color:black;
}

.a_la_une a:link, .a_la_une a:visited 
{
color:#fff;
text-decoration:underline;
}

.a_la_une a:hover, .a_la_une a:active
{
color:#fff;
text-decoration:none;
}

.mm
{
width:450px;
height:300px;
}

.puce
{
 list-style-image : url("../photos/ballon_rouge_40.png");
 font-size:large;
 }

.puce:hover /* lorsque la puce est survolee, elle devient un ballon vert */
{
 list-style-image : url("../photos/Copie de ballon_rouge_40.png");
 font-size:large;
}

.puce .red:hover /* lorsque le lien est survole il devient vert */
{
color:#5bbe5b;
}

/* Pour les images effet lightbox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../photos/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../photos/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../photos/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

http://alexandre.aillot.free.fr/site_cannes/site/index.php

Enfin du moins avec firefox avec ie c'est une autre histoire :s

si quelqu'un a une idee...

yodaswii

4 May 2008 à 13:17

a écrit :
j'ai mis toutes mes classes equipe en absolutes notamment

Ce n'est malheureusement pas la bonne solution. Smiley ohwell

zalex06

4 May 2008 à 15:25

ui je sais mais c en solution de secours lol
je suis étudiant et dois rendre le site avant mercredi :s
lol

Thomas D.

5 May 2008 à 10:23

Salut,

Tu devrais commencer par nettoyer ton code PHP pour te débarrasser des erreurs & avertissements. Imopssible de construire une mise en page correcte si des éléments apparaissent dans tous les sens à cause de tes erreurs de programmation Smiley ohwell

Sujet clos

Sémantique web et HTML

Pb centrage site