Image décalé

Hello a tous, je vais vous embétez un peu...

Voila mon site a son top décalé, je n'irai pas par quatre chemin, voici l'adresse Mon site :euh:

Voici les pages! index.php lié a style.css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head><title>Final Fantasy : Destruction</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Final Fantasy : Destruction, des tests, des news, des téléchargements, une communauté et bien plus! L'eleve dépasseras le maitre!">
<meta name="keywords" content="">
<META name="author" content="NarDz">
<meta name="language" content="fr">
<META name="robots" content="all">
<META name="classification" content="final fantasy">
<meta name="Identifier-URL" content="http://btweb.free.fr/ffd/">

<link href="design/legend/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<?php
session_start();
include('Include/membres/mysql.php');

if($_SESSION['auto'] == 1)
{
setcookie("auto",$_SESSION['pseudo'],time()+3600*24*7);
unset($_SESSION['auto']);
}

if($_COOKIE['auto'] && !$_SESSION['pseudo'] && !$_SESSION['on'])
$_SESSION['pseudo'] = $_COOKIE['auto'];

if($_GET['deco'] == 'on')
{
setcookie("auto",null,time()+3600*24*7);
unset($_SESSION);
}
?>

<a name="haut"></a>
<div id="body">
<div id="header"><a id="zone1" href="?page=accueil" title="Retour a l'accueil"></a></div>
<div id="main">
<div id="menu">


<img src="design/legend/top2.jpg" border="0" width="184" height="46" alt="" />

<br />
<br />

<? if($_GET['rubrik']) { ?>
<img src="design/legend/img/sm.jpg" border="0" width="183" height="32" alt="" />
<p>
<? if ($rubrik=="ff10") {include("MG/ffx.php");}
elseif ($rubrik=="ff9") {include("MG/ff9.php");}
elseif ($rubrik=="ff8") {include("MG/ff8.htm");}
elseif ($rubrik=="ff7") {include("MG/ff7.htm");}
elseif ($rubrik=="ffx-2") {include("MG/ff102.php");}
elseif ($rubrik=="ffta") {include("MG/ffta.php");}
elseif ($rubrik=="ffcc") {include("MG/ffcc.php");}
elseif ($rubrik=="drakengard") {include("Include/Drakengard/MG.php");}
elseif ($rubrik=="ff11") {include("MG/ff11.php");}
elseif ($rubrik=="ff12") {include("MG/ff12.php");} ?>
</p>
<? } ?>

<img src="design/legend/img/ff.jpg" border="0" width="183" height="32" alt="" /><br />
<p>

</p>

<img src="design/legend/img/site.jpg" border="0" alt="" /><br />
<p><a href="?page=accueil">Accueil</a><br />
<a href="?page=admin1">Administration</a><br />
</p>

<img src="design/legend/img/memb.jpg" border="0" width="183" height="32" alt="" /><br />
<p><?php include('MG/mbr.php'); ?></p>

<img src="design/legend/img/tag.jpg" border="0" width="183" height="32" alt="" /><br />
<p></p>

<img src="design/legend/img/sond.jpg" border="0" width="183" height="32" alt="" /><br />
<p></p>

<img src="design/legend/img/aff.jpg" border="0" width="183" height="32" alt="" /><br />
<p></p>

<br /><br /><br /><br /><br />
<center><img src="design/legend/img/bas.jpg" border="0" width="150" height="300" alt="" /></center>

</div>

<div id="content">

<?php include('Include/centrer.php'); ?>

</div>

</div>

<div id="footer"><a id="zone2" href="#haut" title="Retour en haut"></a></div>
</div>
</body>

</html>

@charset "windows-1252";

body
{
background-color: #e1e2f9;
margin: 0px;
padding: 10px;
font-size: 12px;
font-family: Tahoma;
color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #E1E1E1;
scrollbar-face-color: #E1E1E1;
scrollbar-highlight-color: #E1E1E1;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #E1E1E1;
text-align: center;
}

body,td,th
{
font-size: 12px;
font-family: Tahoma;
}

a:link, :visited, :active
{
color: #000000;
text-decoration: none;
}

a:hover
{
color: #000000;
text-decoration: underline;
}

#body
{
background: url(fond.jpg) repeat-y;
width: 800px;
margin: 0 auto;
padding: 0px;
text-align: left;

}

#header
{
background: url(top.jpg) no-repeat top;
width: 800px;
height: 242px;
margin: 0px;
padding: 0px;
}

#main
{
margin: 0 auto;
padding: 0px 6px;
}

#menu
{
width: 184px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px;
float:left;

}

#menu p
{
width: 140px;
padding: 0px 10px;
text-align: left;
}

#content
{
padding: 0px 10px;
width: 580px;
float:right;

}

.maj
{
padding: 30px 40px;
width: 450px;

}

.news
{
padding: 5px 5px 5px;

}

#footer
{
clear: both;
background: url(bas.jpg) no-repeat;
width: 800px;
height: 20px;
margin: 0px;
padding: 0px;
text-align: left;
}

#zone1
{
float: left;
width : 100px;
height: 50px;
margin-left: 705px;
margin-top: 190px;
}

#zone2
{
float: left;
width : 15px;
height: 17px;
margin-left: 190px;
margin-top: 2px;
}

input
{
border-width: 1px;
border-color: #000000;
   border-style: solid;
}

.blanc
{

border-width: 1px;
border-color: #FFFFFF;
border-style: solid;
color:#000000;
background-color:#FFFFFF;
}

table, tr, td
{
border-width: 1px;
border-color: #000000;
border-style: solid;
}

textarea
{
font-size: 13px;
border-width: 1px;
border-color: #000000;
border-style: solid;
}

.tabl_01
{
border: 1px #000000;
border-collapse: collapse;
border-style: solid;
padding: 0px 0px 0px;
}

.padd
{
padding: 5px;
}

.title_tabl_01 {

border: 1px;

border-color: #000000;

border-style: solid;

background-color: #BED6FF;
}

.title_tabl_02 {

border: 1px;

border-color: #000000;

border-style: solid;

background-color: #e1e2f9;}

Mon top est décalé sous IE

Image décalé

Supprimer

Modérer

Signaler le message aux modérateurs