J'aurais du commencer par Firefox, ce n'est pas encore un réflexe...sous IE, tout va bien, mais sous Frfx c'est fou ce que ça dégénère
voici la page :
http://miltonis.free.fr/pronos/testpage.php
le code HTML :
et le CSS :
j'ai regardé dans quelques billets, j'ai amélioré mais pas réolu (pas encore!); un coup de main?
merci

voici la page :
http://miltonis.free.fr/pronos/testpage.php
le code HTML :
<body>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>
<div class="header">
<div class="headerLeft"></div>
<div class="headerCenter"><!--<img src="photos/entete.gif">--> </div>
<div class="headerRight"></div>
</div>
<div class="bar"></div>
<div class="middle">
<div class="middleCenter">
<div class="menu">menu 01<br>menu 02<br>menu 03<br>menu 04<br>menu 05<br></div>
<div class="content">
<div class="content01"> </div>
<div class="content02">
C'est certainement la plus belle et élégante des danses péruviennes. le nom de "La marinière" est né d'un hommage à Miguel Grau, héros naval du
Pérou. C'est un mélange de diverses autres danse aujourd'hui presque oubliées.<br>
La Marinera « parle » de la séduction simultanée d’un couple faisant tournoyer un mouchoir blanc de la main droite. Ce mouvement sert à porter le
rythme de la complexe chorégraphie de cette danse. La Marinera est connue pour ses pas assez caractéristiques qu’on appelle le « coqueteo »
(disons la séduction) avec tournoiements et changements de la posture du corps, combiné aux habiles trépignements des pieds.</div>
</div>
<div class="rightNav"></div>
</div>
<div class="footer">
<div class="footerCenter"></div>
</div>
</td></tr></table>
</body>
</html>
et le CSS :
/***** corps de page *****/
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
/***** partie supérieure(titre) *****/
.header { background-color : #FFFFFF; height : 10%; padding-left:198px; padding-right:198px; }
.headerCenter {
background-color : #DDDDDD;
float : left;
/* margin-left : 2px;
margin-right : 2px;*/
width : 735px;
height : 100%;
color : #000000;
}
/***** barre horizontale *****/
.bar { background-color : #000000; width:1131px; height : 3%; color : #FFFFFF; }
/***** Partie du milieu *****/
.middle { background-color : #CC3300; height : 80%; padding-left:198px; padding-right:198px;}
.middleCenter {
background-color : #FFFFFF;
float : left;
/* margin-left : 2px;
margin-right : 2px;*/
width : 735px;
height : 100%;
}
.menu {
background-color : #336699;
float : left;
padding-left : 10px;
padding-top : 10px;
width : 130px;
height : 100%;
color : #FFFFFF;
font-family : Verdana, Arial;
font-size : 10pt;
font-weight : bold;
}
.content {
float : left;
vertical-align : top;
width : 475px;
height : 80%;
color : #000000;
font-family : Arial;
font-size : 8pt;
font-weight : normal;
}
.content01 {
background-color : #CCCCCC;
text-align : center;
vertical-align : top;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
padding-top : 0px;
}
.content02 {
text-align : justify;
vertical-align : top;
padding-left : 12px;
padding-right : 12px;
padding-top : 12px;
padding-top : 12px;
height : 10%;
}
.rightNav {
background-color : #63829C;
float : left;
width : 130px;
height : 100%;
color : #FFFFFF;
}
/***** partie du bas (crédits) *****/
.footer { background-color : #FFFFFF; height : 5%; }
.footerCenter{
/* background-color : #1A4B7C;*/
background-color : #333333;
float : left;
/* margin-left : 2px;
margin-right : 2px;*/
width : 735px;
height : 100%;
}
j'ai regardé dans quelques billets, j'ai amélioré mais pas réolu (pas encore!); un coup de main?

merci