Bonjour tout le monde,

Je ne sais pas pourquoi j'ai un décalage sur mon site. Un décalage d'une page "include". Au début j'avais pas ce probleme. En fait tout ce qui apparait dans "Frame" est décalé vers le bas.
upload/5939-1.jpg

J'ai cherché mais rien trouvé....
Voici ma page CSS
/* CSS Document */

<style type="text/css">

body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;}

.haut {width: auto;
height: 335px;
background-color: 000000;
color: #fff;
font-size: 36px;
padding: 0px;}

.conteneur {
height: 355px;
width: 100%;}

.gauche {
	position: absolute;
	height: 358px;
	left: 0;
	width: 200px;
	height: 210px;
	background-color: #000000;
	background-image: url(images/Menu/fond.jpg);


}

.frame {margin-left: 249px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: auto;height: auto;overflow: no; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;}

.bas {width: auto;
height: 30px;
background-color: 000000;
color: #fff;
margin-left: 12px;
font-size: 12px;
padding: 0px;}

</style>


Et le code de la page index.php
<html>
<head>
<title>title>

<style type="text/css">
<!--
-->
</style>
<style type="text/css">
<!--
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("style.css");
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="haut"> 
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="766" height="335">
    <param name="movie" value="FLA/headerssanim.swf">
    <param name="quality" value="high"><param name="BGCOLOR" value="#000000">
    <embed src="FLA/headerssanim.swf" width="766" height="335" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#000000"></embed></object>
</div> 
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 764px; top: 336px;"> 
  <?php
include("droite.htm");
?>
</div>
<?php
include("menu.htm");
?>
<div class="frame"> 
  <?php 
if (!isset($_GET['page'])) $page= 'news'; else $page= $_GET['page']; 
 switch($page)
{
/*Menu gauche*/
case 'news': include ('news.htm');break;
} 
?>
</div>
  <div class="bas">
  <?php
include("bas.htm");
?>
  
  </div>
  </body>
</html>


Voila si quelqu'un a une idée Smiley smile et merci de m'aider
Modifié par brad689 (22 May 2006 - 12:14)
peut-être du à ceci :

<title>title>



<style type="text/css">

<!--

-->

</style>

<style type="text/css">

<!--

-->

</style>


Ta balise title n'est pas fermé correctement... quand à la suite c'est inutile tu peux suprimer.

ensuite :

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Oulà mais c'est vieux tout ça ? et même pas de DTD tralala

essay :
<body style="margin:0px;">
Sachant que tu n'en as pas besoin puisque c'est déjà définit dans ton CSS.

Et met un DTD (je te laisse chercher un peu car il faut que tu choississe un qui es adapté à ton site..


Pour finir tu inclue aller disont 3 CSS (bien que deux fichiers...)
Peut-être l'un deux vient corrompre les premières valeurs..
Modifié par Gectou4 (22 May 2006 - 13:54)
Salut Gectou4 Smiley biggrin

euh alors DTD, j'ai cherché Document Type Definition. j'ai essayé de trouver des Définitions clair sur le sujet mais pas evident.
Peux tu m'expliquer l'interet du DTD?
et comment l'intégrer sur ma page.

Merci pour ton aide

A bientot Smiley smile
Salut !

La DTD sert à indiquer au navigateur la norme qu'il doit utiliser pour effectuer le rendu de la page. Si elle est absente ou incorrecte, il passe en mode "quirks", c'est-à-dire en mode "cuisine locale", il interprète le code selon des recettes maison Smiley cligne

Il existe plusieurs versions de DTD pour XHTML et HTML, plus ou moins contraignantes. Ce tutoriel d'AlsacreationS devrait t'aider à choisir. Je ne saurais que te conseiller le XHTML 1.0 Strict, si tu débutes en (x)html/css. C'est sans doute la plus rigide, mais elle permet d'éviter certaines boulettes.

Une dernière chose : pense à passer tes pages au validateur avant de poster pour résoudre un problème. Bien souvent, tu découvriras la plupart des erreurs facilement (les balises mal fermées, par exemple Smiley cligne )