Bonjour,
J'ai une page qui marche très bien sous Windows (IE 6.0) mais qui fonctionne plus très bien sous Mac (IE 5.0) !
En fait j'ai un bloc 'profile' dont la hauteur peut varier mais avec une hauteur minimum (les infos viennent normalement de ma base de données) puis je veux faire suivre mon pied de page.
Voici un code que je triture dans tous les sens depuis ce matin mais rien à faire !!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style>
html, body {height: 100%; width: 100%; margin: 0; padding: 0; background-color: #000000;}
#top{height: 120px; width: 100%;}
#sstop{position: absolute; height: 120px; width: 766px; left: 50%; margin-left: -383px; background-color: #000000;}
#logo {position: absolute; bottom: 10px;}
#topright {position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #FFFFFF; right: 0px; bottom: 10px;}
#topright a {font-weight: bold; color: #FFFFFF; text-decoration: none;}
#topright a:hover {text-decoration: none;}
#profile{min-height: 415px; width: 100%; background-color: #000000;}
#ssprofile {position: relative; width: 766px; left: 50%; margin-left: -383px; margin-top: 30px;}
#paraph {position: relative; width: 766px; margin-bottom: 20px; left: 50%; margin-left: -383px;}
.floatleft{float: left; margin: 5 10 5px 0px; padding-right: 10px;}
.floatright{float: right; margin-top: 5; margin-bottom: 5px; padding-left: 10px;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #FFFFFF; line-height: 16px; text-align: justify;}
#bottom{height: 50px; width: 100%;}
#ssbottombis{position: relative; height: 50px; width: 100%; background-color: #000000;}
#ssbottom{position: absolute; height: 50px; width: 766px; left: 50%; margin-left: -383px; background-color: #000000; color: #A9A8A8; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; text-align: center; padding-top: 10px; font-weight: bold;}
#toprightbis {position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #FFFFFF; right: 20px; bottom: 15px;}
</style>
</head>
<body>
<div id="top">
<div id="sstop">
<a href=''><img id='logo' src='full_logo.jpg' alt='logo' border='0'></a>
<div id="topright">
<a href=''>bla</a>
</div>
</div>
</div>
<div id="profile">
<div id="ssprofile">
<div id="paraph">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test FIN</p>
</div>
</div>
</div>
<div id="bottom">
<div id="ssbottombis">
<div id="ssbottom">
PIED DE PAGE
</div>
<div id="toprightbis">
<a href='' target='_blank'><img src='img.gif' alt='' border='0'></a>
</div>
</div>
</div>
</body>
</html>
J'ai mis en rouge le style qui me pose pb et en vers le bloc qui varie (dans l'exemple 5 lignes mais peut y en avoir bcp plus ...)
Si je laisse l'exemple telquel, c nickel sous Windows, mais sous Mac, toutes les lignes 'test' sont décalées vers la droite (sauf la première !). Par contre si dans le style de '#paraph' je met 'position: absolute', les lignes 'test' sont correctes mais le pied de page remonte tout en haut et comme je n'ai pas de hauteur pour mon bloc 'profile' impossible de replacer le pied de page correctement en bas.
Si vous avez une idée, elle est la bienvenue car là je nage ! 
Merci.