bonjour, voici mon petit code:
 <style type="text/css">
body{width:768px;margin:0 auto;}
div{border:1px solid #333;}
#banner{height:25px;background-repeat:repeat;background-image:url(planete.jpg);}
#left{height:10%;width:69px;float:left;background-repeat:repeat;background-image:url(planete.jpg);}
#content{height:;width:625px;float:center;background-color:#ffffff;}
#footer{height:;width:766px;clear:left;background-repeat:repeat;background-image:url(planete.jpg);}             #right{height:10%;width:69px;float:right;background-repeat:repeat;background-image:url(planete.jpg);}
 </style>
 
donc je voudrais que les deux tailles en rouges soient en rapport avec la taille de content qui change car j'utilise ce code pour des news. en clair: la hauter de "right" et "left" doivent etre le meme que "content" qui n'est pas une taille fixe.
quelqu'un peut-il m'aider, comment puis-je faire? SVP.

et le HTML associé stp, car là il n'y a AUCUNE SOLUTION sans qu'on ai le code HTML associé

html associé:
 
 <div id="banner"><font size=5><u><center><b>'.$titre.'</b></center></u></font></div>
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000>'.nl2br($texte).'</font></center></body></div>
 <div id="footer"><center><font color=#FFFFFF><b>News ajoutée le '.$date.'</b></center></div><br><br>
 
c'est du html insérer dans un echo d'un page php ce qui expliques les '.$......'

tu me vires les heights qui ne servent à RIEN.

englobe #left, #right et #content d'un div

et en CSS suffit de rajouter ça :

A Mince, Autre Petit Problème, jvoudrais que left et right touche content
 
html:
<div id="banner"><font size=5><u><center><b><TITRE></b></center></u></font></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000><TEXTE><SUITE><br><br><COMMENT><IMPRIMER><ENVOYER></font></center></body></div>
 </div>
 <div id="footer"><font color=#FFFFFF><center><b>News ajoutée le <DATE></b></center></div>
 
css:
<style type="text/css">
body{margin:0 auto;}
div{border:0px solid #333;}
#banner{width:765px;background-repeat:repeat;background-image:url(planete.jpg);}
#left{width:69px;float:left;background-repeat:repeat;background-image:url(planete.jpg);}
#content{width:625px;float:center;background-color:#ffffff;}
#footer{width:765px;clear:left;background-repeat:repeat;background-image:url(planete.jpg);}             #right{width:69px;float:right;background-repeat:repeat;background-image:url(planete.jpg);}
#container {overflow:hidden; zoom:1;}
#left, #right, #content {padding-bottom:32000px; margin-bottom:-32000px;}
</style>
 
Sinon Merci Beaucoups A Toi Gatsu35, ça M'A Bien Avancer

up

arf corrige d'abord ton code HTML, il y a des chevauchement de balises dans tout les sens.
 
En somme ton code HTML c'est de la merde,  
vire les font (c'est obsolete)

<div id="banner"><u><b><TITRE></b></u></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><TEXTE><SUITE><br><br><COMMENT><IMPRIMER><ENVOYER></center></body></div>
 </div>
 <div id="footer"><b>News ajoutée le <DATE></b></div>

j'ai trouver la solution !!!
 
css:
<style type="text/css">
body{margin:0 auto;}
div{border:0px solid #333;}
#banner{width:763px;height:25px;background-repeat:repeat;background-image:url(planete.jpg);}
#left{width:69px;float:left;background-repeat:repeat;background-image:url(planete.jpg);}
#content{width:625px;float:center;background-color:#ffffff;}
#footer{width:763px;clear:left;background-repeat:repeat;background-image:url(planete.jpg);}
#right{width:69px;float:right;background-repeat:repeat;background-image:url(planete.jpg);}
#container {overflow:hidden; zoom:1; width:763px;}
#left, #right, #content {padding-bottom:32000px; margin-bottom:-32000px;}
</style>
 
html:
 <div id="banner"><font size=5><u><center><b><TITRE></b></center></u></font></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000><TEXTE><SUITE><br><COMMENT><IMPRIMER><ENVOYER></font></center></body></div>
 </div>
 <div id="footer"><center><font color=#FFFFFF><b>News ajoutée le <DATE></b></center></div>
 
Et L'avantage c'est que ça fonctionne correctement sur IE....
Merci a vous !!

ton code HTML est toujours de la merde

J'aime particulièrement le </body> au milieu du bazar !
Encore plus fort que <center><font color=#FFFFFF><b> dans le #footer, c'est pour dire  

Pour être plus constructif, je vais quand même te montrer comment bien faire ton footer
 
Avant

deviens

 
Le but du jeu, c'est de mettre le style dans un fichier à part, comme cela l'utlisateur le télécharge une fois, et le mets en cache.
Dans ton cas, il est dans ta page html, et elle devient plus lourde or elle ne se mets pas en cache.