18041 sujets

Questions générales et questions de débutants

Design css mes page php ne ce centre pas

Bonjour, a toutes et tous voici le petit probléme que je rencontre , je fait un appel require'tetesite.php'; de mon design css dont les balise centre <div id=centre> pages php </div>.

Mes les page se retrouve en dessous du design Merci de votre aide

<head>
<title>voyance-direct</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #D3E6FF;
	scrollbar-base-color: #3D58A5;
	scrollbar-face-color: #395294;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
} 
var largeur = 0, hauteur = 0;
if( typeof( window.innerWidth ) == 'number' ) {
  largeur = window.innerWidth;
  hauteur = window.innerHeight;
  }
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  largeur = document.documentElement.clientWidth;
  hauteur = document.documentElement.clientHeight;
  }
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  largeur = document.body.clientWidth;
  hauteur = document.body.clientHeight;
  }
else {
  largeur = -1;
  hauteur = -1;
  }
#header {
height: 100px;
background-image:url(../design/haut.jpg);
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
background-color:#CCCCFF;
}
#centre {
background-image:url(../design/ange_28.jpg);
background-repeat: repeat-x;
overflow: auto;
height:440px;
margin-left: 150px;
margin-right: 150px;
}
#gauche {
	position: absolute;
	background-image:url(../design/gauche.gif);
	left:0px;
	width: 150px;
	height: 440px;
	top: 100px;
}
#droite {
	position: absolute;
	background-image:url(../design/droit.gif);
	overflow: auto;
	right:-1px;
	width: 150px;
	height: 440px;
	top: 100px;
}
#pied {
height: 30px;
background-image:url(../design/bas.jpg);
}
</style>
</head>

<body>

<div id="conteneur">

<div id="header"></div>

	  <div id="gauche" align="center">
	  
			<a href="../page/index.php"><img src="../design/accueil.gif" alt="" width="140" height="45" border="0" /></a>
			<a href="../page/question.php"><img src="../design/question.gif" alt="" width="140" height="45" border="0"  /></a>
			<a href="../livre/index.php"><img src="../design/livre.gif" alt="" width="140" height="45"  border="0" /></a>
			<a href="../page/contact.php"><img src="../design/consul.gif" alt="" width="140" height="45" border="0"  /></a><br /><br />
		
  </div>
	  
	  <div id="droite" align="center">
          </div>
	  <!-- centrage des pages du design -->
  	  <div id="centre">


  	  </div>
      <!-- pied du design -->  
	  <div id="pied"><br /> 
	  <?php $date = date("Y");
      echo"<center><font color='yellow'><b>pac_phil©".$date."</b></font></center>";?>
	  </div>
      </div>
	  </body>

</html>

Modifié par speedylol (22 Oct 2006 - 20:07)
Administrateur
Hello,

Tu as un bout de code JavaScript en plein milieu de tes règles de style CSS :
var largeur = 0, hauteur = 0;
if( typeof( window.innerWidth ) == 'number' ) {
  largeur = window.innerWidth;
  hauteur = window.innerHeight;
  }
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  largeur = document.documentElement.clientWidth;
  hauteur = document.documentElement.clientHeight;
  }
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  largeur = document.body.clientWidth;
  hauteur = document.body.clientHeight;
  }
else {
  largeur = -1;
  hauteur = -1;
  }


Bref, y'a un ptit problème Smiley murf
Sujet clos
Aller à