Voila j'ai créé une feuille de mise en forme en css.. qui fonctionne tres biens sous firefox
Seul pb... les compatibilités.. c'est pourtant pas du code exotique mais sous Ie c'est la merde.... je sais vraiment plus koi faire
/*----------------CSS-----------------*/
/*-------------------------- mise en forme des bandes---------------------*/
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #000000; /*couleur de fond blanche*/
overflow:hidden;
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #transparent;
overflow:hidden;
left:0;
}
.header {
height: 92px;
background-color:#000000;
overflow:hidden;
}
.frame {
position:static;
left:0;
width: auto;
height: 75%;
background-color:transparent;
overflow: auto;
}
p {margin: 0 0 10px 0;}
.footer {
background-color:#000000;
height:inherit;
}
/*------------------------------- Fin de la mise en forme --------------------------*/
/* */
/* */
/*------------------------------- Style de police ----------------------------------*/
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>4 zones avec scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design 1" href="style_tana.css" />
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
</style>
</head>
<body>
<div class="conteneur">
<div class="header">
<?php include'menu.html' ?>
</div>
<div class="frame">
<?php include'bio2.html' ?>
</div>
<div class="footer">contenu du footer </div>
</div>
</body>
</html>
</textarea>
<center>
<table border="0" cellpadding="0" cellspacing="0" height="18"><tr><td valign="top"><input type="submit" value="Ajouter"><input type="submit" name="Previsualiser" value="Previsualiser"></form></td><td valign="top"><form action="/ccmguide/ccmforum.php3#redaction" method="post"><input type="submit" value="Aide"></form></td></tr></table></center>
</td></tr></table>
<p>Identification Rapide :<br><table style="border:1px;padding:4px;border-color:#B7B7B7;background-color:#D6DEF7;width:400px;">
<tr><td><form name="ident" action="/forum/forum-24-webmastering#ecrire" method="post">
<input type="hidden" name="page" value="1">
<input type="hidden" name="ID" value="0"><input type="hidden" name="cat" value="24">
<span class="Texte"> Pour voir les champs ci-dessus remplis automatiquement, vous avez la possibilité en tant que membre de vous identifier :</span>
<center><table class="no" style="border:1px;border-color:#B7B7B7;background-color:#EFF2FB;padding:2px;width:50%"><tr><td>Identifiant</td><td><input name="login" maxlength="32" type="text" value="" size="30"></td></tr>
<tr><td>Mot de passe</td><td><input name="pass" maxlength="32" type="password" size="30"></td></tr></table>
<br><input type="submit" name="Identification" value="Identification">
</form>
</center></td></tr></table></span>
</td></tr></table></center>
</td></tr>
</table>
</div></td></tr><tr><th colspan="3"> </th></tr>
</table></div></div><div id="footer">
<script type="text/javascript">
<!--
xtnv = document; //affiliation frameset : document, parent.document ou top.document
xtsd = "http://logc15";
xtsite = "254140";
xtn2 = ""; //utiliser le numero du niveau 2 dans lequel vous souhaitez ranger la page
xtpage = "forum::forum-24-webmastering"; //placer un libellé de page pour les rapports Xiti
xtdmc = ".commentcamarche.net"; //Domaine cookie en ".monsite.fr" (optionnel)
xtprm = ""; //Paramètres supplémentaires (optionnel)
//-->
</script>
<script type="text/javascript" src="/remote/xiti.js"></script>
<noscript>
<img width="1" alt="" height="1" src="http://logc15.xiti.com/hit.xiti?s=254140&p=&" >
</noscript>
<br><table class="glossaire"><tbody><tr>
<td><a href="/glossaire/"><b>Glossaire</b></a></td>
<td><a href="/glossaire/a">A</a></td>
<td><a href="/glossaire/b">B</a></td>
<td><a href="/glossaire/c">C</a></td>
<td><a href="/glossaire/d">D</a></td>
<td><a href="/glossaire/e">E</a></td>
<td><a href="/glossaire/f">F</a></td>
<td><a href="/glossaire/g">G</a></td>
<td><a href="/glossaire/h">H</a></td>
<td><a href="/glossaire/i">I</a></td>
<td><a href="/glossaire/j">J</a></td>
<td><a href="/glossaire/k">K</a></td>
<td><a href="/glossaire/l">L</a></td>
<td><a href="/glossaire/m">M</a></td>
<td><a href="/glossaire/n">N</a></td>
<td><a href="/glossaire/o">O</a></td>
<td><a href="/glossaire/p">P</a></td>
<td><a href="/glossaire/q">Q</a></td>
<td><a href="/glossaire/r">R</a></td>
<td><a href="/glossaire/s">S</a></td>
<td><a href="/glossaire/t">T</a></td>
<td><a href="/glossaire/u">U</a></td>
<td><a href="/glossaire/v">V</a></td>
<td><a href="/glossaire/w">W</a></td>
<td><a href="/glossaire/x">X</a></td>
<td><a href="/glossaire/y">Y</a></td>
<td><a href="/glossaire/z">Z</a></td>
</tr></tbody></table><br><a href="/ccmguide/ccmintro.php3"><b>A propos</b></a> | <a href="/ccmguide/cgu-conditions-generales.php3"><b>Conditions générales</b></a> | <a href="/plan/"><b>Plan</b></a> | <a href="/contact/"><b>Contact</b></a> | <a href="/guide-achat/constructeurs.php3"><b>Index des marques</b></a> | © Tous droits réservés 2007 <a href="http://www.commentcamarche.net">Quidéa</a>
</div> <SCRIPT LANGUAGE=JavaScript>
<!--
var RN = new String (Math.random());
var RNS = RN.substring (2,11);
document.write('<SCRIPT language="JavaScript1.1" src="http://mediafr.247realmedia.com/... + RNS + '@x01?"><'+'/script>');
//-->
</script>
</body>
</html>
Configuration: Windows XP
Firefox 2.0.0.3