Le problème est beaucoup plus flagrant sur cette page avec le positionnement du block bleu, plus haut dans IE et di block brun, très bas dans FF.
Code html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="styles_final3'.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style9 {font-family: "Palatino Linotype"; color: #000000; font-size: 18px;}
.Style10 {color: #115EAC}
.Style13 {color: #000066}
.Style21 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}
.Style23 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.Style27 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #115eac; }
.Style28 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70%;
color: #999999;
}
.Style29 {font-size: 10px}
-->
</style>
<title>Accueil CT</title></head>
<body>
<div class="conteneur">
<div id="header">
<div id="banner">
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15%"><div align="center"><a href="chinese_homepage.htm"><img src="chine.gif" width="60" height="40" border="0"></a></div></td>
<td width="70%"><div align="center"><img src="Logo%20CT%202.jpg" width="223" height="56"></div></td>
<td width="15%"><div align="center"><a href="homepage.htm"><img src="royaume_uni.gif" width="60" height="40" border="0"></a></div></td>
</tr>
</table>
<p align="center"><span class="Style9">Laboratoire de développement, d'analyse et d'expertise en T </span>
</p>
</div>
</div>
<div id="nav" align="center">
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn_5.js"></SCRIPT>
</div>
</div>
<div id="content">
<TABLE WIDTH="420" BORDER=1 CELLSPACING=0 CELLPADDING=5 BORDERCOLOR="#000066">
<TR BGCOLOR="#990000">
<TD width="412" bgcolor="#000066">
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD><span class="Style21"><FONT SIZE=2>Actualités</FONT></span></TD>
<TD ALIGN=right></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD VALIGN=top>
<p>Le 12 juillet 2005, l'Alsace a obtenu le label Pôle de Compétitivité "Innovations Thérapeutiques" à vocation mondiale. Dans ce cadre, ce pôle de compétitivité a promu, soutenu et labellisé le projet de Recherche & Développement "XXXXXXXXX", une collaboration entre le Laboratoire de Chimie Génétique de la Faculté de Pharmacie de l'Université Louis Pasteur à Illkirch, xxxxxx-xxxxxxxxxxx et CT. Le laboratoire CT est ainsi reconnu dans le pôle de compétitivité alsacien.
</TD>
</TR>
<TR>
<TD VALIGN=top><p align="center"><span class="Style13">Nouveau !</span> Le kit de prélèvement<br>
<br><span class="Style13">Exclusif !</span> La Lettre de CT (numéro1) <span class="Style28"><a href="lettre_ct_1.pdf" target="_blank">(lire)</a></span> </p></TD>
</TR>
</TABLE>
</div>
<div id="sidebar">
<div class="feature">
Nous contacter :
<ul>
<li><a href="Accès%20CT.pdf" target="_blank">plan d'accès (pdf/168ko)</a></li>
<li><span class="Style10"><a href="mailto:xxx@xxx.com">nous écrire</a></span></li>
</ul>
</div>
<div class="feature">
Le kit de prélèvement
<a href="kit_cheveux.pdf" target="_blank">Plus d'informations (pdf/114ko)</a>
</div>
<div class="feature"> <a href="ct_un_seul_clic.htm">CT en un seul clic </a></div>
</div>
<div id="address">
<div align="center">
<table align="center" width="700" border="0" cellspacing="3" cellpadding="2">
<th colspan="3"><p align="center" class="Style29">3 rue yyyyyy- Parc d'Innovation - 00000 PARIS, France<br>
Tél. : +33 (0)3 90 909 090- Fax : +33 (0)3 90 909 090<br>
Email : <a href="mailto:xxx@xxx.com">xxx@xxx.com</a> </p></th>
<tr>
<td><div align="left" class="Style27">Première édition : 01.01.2004 </div></td>
<td><div align="center" class="Style23"><a href="mentions_légales.htm">Mentions légales</a></div></td>
<td><div align="right" class="Style27">Dernière édition :
<!-- #BeginDate format:Ge1 -->19.04.2006<!-- #EndDate -->
</div></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
et le css
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
text-align: center;
}
.conteneur {
width: 770px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#header {
width: 100%;
left: 0px;
top: 0px;
background-color: #FFFFFF;
}
div#banner {
background-color: #FFFFFF;
height: 90px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
background-attachment: fixed;
}
div#navtop {
width: 770px;
line-height : 5px;
}
div#nav{
width: 770px;
height : 55px;
font-size: 80%;
border-bottom : 2px solid #105BAC;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
div#content {
position:absolute;
width: 500px;
margin: 15px 260px 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
line-height: 150%;
padding-right: 10px;
padding-left: 10px;
text-align: justify;
float:left;
display: inline;
background-color:#0000CC;
}
div#sidebar {
position:absolute;
width: 222px;
margin: 15px 10px 0 538px;
font-size : 70%;
background-color: #FFFFFF;
float:right;
display:inline;
background-color:#FFFF00;
}
div#address {
clear:both;
font-family: Arial, Helvetica, sans-serif;
margin: 325px 35px 0px 35px;
display:block;
background-color:#CC9933;
}
div#content div.feature ul{
margin : 0;
padding : 0;
line-height : 120%;
list-style-type: disc;
list-style-position: inside;
}
div#sidebar div.feature {
font-family: Georgia, "Times New Roman", Times, serif;
color : #666666;
background-color : #FFFFFF;
border : 1px solid #cccccc;
margin-bottom : 11px;
padding : 10px;
line-height: 170%;
}
div#sidebar div.feature a{
color : #115eac;
text-decoration : none;
}
div#sidebar div.feature a:hover{
color : #115eac;
text-decoration: underline;
}
div#sidebar div.feature ul{
margin : 0;
padding : 0;
line-height : 180%;
list-style-type: square;
list-style-position: inside;
line-height: 200%;
}
div#sidebar div.feature ul li{
color : #06D3FF;
background-color : transparent;
line-height: 200%;
}
div#sidebar div.feature ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}
div#sidebar div.feature ul li a:hover{
text-decoration : underline;
}
div#sidebar h1{
font-size : 110%;
margin : 0;
padding : 0;
color: #115EAC;
}
div#nav li a{
color : #105BAC;
background-color : #efefef;
text-decoration : none;
}
div#nav li a:hover{
color : #105BAC;
background-color : #fff;
border-bottom : 4px solid #06D3FF;
}
Merci en tout cas pour ton aide.
) lire