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 ;)
Afficher la suite