Pb de CSS sous ie

Fermé
Mlb - 1 janv. 2008 à 12:39
 JimbOwx - 3 févr. 2008 à 03:23
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 ;)
A voir également:

2 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 13:19
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.

--
0
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...
0