Pb de CSS sous ie

Bonjour,
J'ai un probleme sous ie (toujours lui), les backgrounds des tds ne sont pas bien alignés par conte sous firefox et safari, aucun pb.
Voila mon CSS :
.liens{
background-image:url(http://mlb.niloo.fr/images/barre.jpg);
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 178px;
}
.contenu {
position : absolute ;
top : 202px ;
left : 324px ;
width : 550px ;
height : 1250px;
color : red }
.content{
background-image:url(http://mlb.niloo.fr/images/news_17.jpg);
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 556px;
vertical-align:top;
}
.dessinc{
background-image:url(http://mlb.niloo.fr/images/dessins_17.jpg);
margin-left: auto;
margin-right: auto;
width: 556px;
}
.aboutc{
background-image:url(http://mlb.niloo.fr/images/about_17.jpg);
margin-left: auto;
margin-right: auto;
width: 556px;
}
.menubg{
background-image:url(http://mlb.niloo.fr/images/barre.jpg);
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 178px;
}

Et ma page :

<!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>
<title>Mlb.niloo.fr - News</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
a:link{text-decoration:none;font-size:11pt;color:#3B67A1;}
a:visited{text-decoration:none;font-size:11pt;color:#3B67A1;}
a:hover{text-decoration:none;font-size:11pt;color:#4596E2;}
</style>
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<link rel="shortcut icon" type="images/x-icon" href="/favicon.ico"/>
<meta name="Description" content="Design Auto, WebDesign, Telechargements">
<meta name="Keywords" content="design, auto, design auto, web design, webdesign, telecharments, mlb, niloo,">
<meta name="Author" content="Matthias Le Brun">
<meta name="Copyright" content="Matthias Le Brun">
<meta name="Content-language" content="fr">
</head>
<body bgcolor="#FFFFFF">
<center>
<table id="Tableau_01" width="1025" border="0" cellpadding="0" cellspacing="0" valign="top">
<tr valign="top">
<td width="1008" height="6" colspan="11" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="1008" height="6" alt="" /></td>
<td width="16" height="1590" rowspan="9" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="16" height="1590" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt="" /></td>
</tr>
<tr valign="top">
<td width="16" height="1594" rowspan="9" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="16" height="1594" alt="" /></td>
<td colspan="5">
<a href="http://mlb.niloo.fr/index.php"><img id="banner_1" src="images/banner_1.jpg" width="529" height="131" border="0px" alt="" /></a></td>
<td colspan="5">
<img id="banner_2" src="images/banner_2.jpg" width="463" height="131" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="131" alt="" /></td>
</tr>
<tr valign="top">
<td>
<img id="barre_1" src="images/barre_1.jpg" width="178" height="13" alt="" /></td>
<td width="86" height="1453" rowspan="7" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="86" height="1453" alt="" /></td>
<td width="639" height="13" colspan="7">
<img src="images/spacer.gif" width="639" height="13" alt="" /></td>
<td width="89" height="1419" rowspan="6" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="89" height="1419" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr valign="top">
<td>
<img id="barre_menu" src="images/barre_menu.jpg" width="178" height="52" alt="" /></td>
<td rowspan="4">
<img id="content_left1" src="images/content_left1.jpg" width="44" height="454" alt="" /></td>
<td>
<img id="content_top" src="images/content_top.jpg" width="162" height="52" alt="" /></td>
<td colspan="3">
<img id="news" src="images/news.jpg" width="258" height="52" alt="" /></td>
<td>
<img id="content_top009" src="images/content_top-09.jpg" width="136" height="52" alt="" /></td>
<td rowspan="4">
<img id="content_right1" src="images/content_right1.jpg" width="39" height="454" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt="" /></td>
</tr>
<tr valign="top">
<td class="menubg" valign="top" align="left">
<a href="index.php">  <img src="ico/hm.png" border="0px" width="16" height="16" alt=""/><span class="menu">  Accueil</span><br></a>
<a href="news.php">  <img src="ico/nw.png" border="0px" width="16" height="16" alt="" /><span class="menu">  News</span><br></a>
<a href="dessins.php">  <img src="ico/ds.png" border="0px" width="16" height="16" alt="" /><span class="menu">  Dessins</span><br></a>
<a href="download.php">  <img src="ico/dw.png" border="0px" width="16" height="16" alt="" /><span class="menu">  Telechargements</span><br></a>
<a href="about.php">  <img src="ico/ap.png" border="0px" width="16" height="16" alt="" /><span class="menu">  A Propos</span><br></a></td>
<td colspan="5" rowspan="3" class="content" valign="top">
<div>
  <a href='news/popup.php?limit=19,1' onclick="window.open('','popup','width=420,height=535,top=0,left=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')"target='popup'><img src='ico/nw.png' width='16' height='16' border='0px' alt='' ><span class='titre'\>  Bonne Année !</A></span><br /><span class='intro'>2008 est là !<br /></span> </div>
</td>
<td>
<img src="images/spacer.gif" width="1" height="136" alt="" /></td>
</tr>
<tr valign="top">
<td>
<img id="barre_liens" src="images/barre_liens.jpg" width="178" height="69" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="69" alt="" /></td>
</tr>
<tr valign="top">
<td rowspan="4" class="liens" valign="top">
<span class="titre">Devenir Partenaire<br /></span>
<img src="http://mlb.niloo.fr/logo.png" border="0px" alt="" /><br /><br /><span class="menu"><a href='http://www.everaldo.com' target=_blank><img src='http://www.crystalxp.net/part/img/everaldo.com.gif' border='0px' /></a><br /><a href='http://www.crystalxp.net/' target=_blank><img src='http://www.crystalxp.net/_design/img/part/part-crystalxp.png' border='0px' /></a><br /><a href='http://worldscoop.forumpro.fr/index.htm' target=_blank><img src='http://i18.servimg.com/u/f18/11/45/86/12/ws11.png' border='0px' /></a><br /><a href='http://c-forum.forumpro.fr/' target=_blank><img src='http://i28.servimg.com/u/f28/11/83/77/89/forum11.png' border='0px' /></a><br /></span></td>
</tr>
<tr valign="top">
<td width="639" height="952" colspan="7" bgcolor="#FFFFFF" valign="top">
<div></div>
<img src="images/spacer.gif" width="639" height="952" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="952" alt="" /></td>
</tr>
<tr valign="top">
<td width="331" height="34" colspan="4" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="331" height="34" alt="" /></td>
<td colspan="4">
<img id="foot" src="images/foot.jpg" width="397" height="34" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr valign="top">
<td width="830" height="10" colspan="10" bgcolor="#FFFFFF">
<img src="images/spacer.gif" width="830" height="10" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt="" /></td>
</tr>
<tr valign="top">
<td>
<img src="images/spacer.gif" width="16" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="178" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="86" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="162" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="59" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="133" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="136" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="89" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt="" /></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>

Voici la page en question :
http://mlb.niloo.fr/news.php

Aidez moi SVP .

Merci d'avance ;)
Configuration: Microsoft Windows XP
Safari 523.15

2 réponses

  1. Contributeur
    Bonjour,

    Il me semble avoir déjà rencontré ce problème. Mais où ?

    Tu peux peut-être y remédier en plaçant tes éléments dans une <div> avec des dimensions dans les <td> ?

    Pour ton menu, fait différemment.
    Utilise une liste.

    ++
    Merci de penser à utiliser le bouton indiqué pour présenter le code.

    --
    1. Hello!

      Je pense déjà que la structure de ta page n'est pas très bonne en fait... tu devrais comme l'a dit Gihef utilisé des <div> à la place du tableau. Tu aurais moins de souci de ce type la...