Background, hauteur extensible

Version imprimable

Bonjour,

J'ai commencé à réaliser la structure de mon site par les DIV. J'aimerai que la hauteur de la page variera en fonction de la place que prendra le texte, avec un background-repeat:repeat-y; Mais apparement ceux-ci ne s'allongent qu'en fonction de leur propre contenu, sauf si leur hauteur est fixée. Je me suis remise à faire avec les tableaux, pour que les deux background sur les cotes s'ajustent en fonction du contenu.

Sous FF, c parfait, par contre sous ie, il faut apparemment mettre une taille pour les hauteurs, sinon on voit pas les backgrounds!!!

Voici l'adresse du site: http://parisrsc.fr/test/liens.php

Voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <div id="tableau"> <div id="header">Header</div> <div id="rubrique"> <table border="1"> <tr> <td background="images/left_side.gif" style="width:172px; height:489px; background-repeat: no-repeat;" ></td> <td rowspan="2" width="645px" valign="top"> </td> <td align="left" background="images/right_side.gif" style="width:175px; height=489px; background-repeat: no-repeat;"></td> </tr> <tr> <td width="172px" valign="top" background="images/left_side_bas.gif" style="background-repeat: repeat-y;"></td> <td width="175px" valign="top" background="images/right_side_bas.gif" style="background-repeat: repeat-y;"></td></tr></table></div> <div id="pied_page"><img src="images/copyright.jpg"></div> </div>
Merci d'avance

18/01/2009, 17h21
blueice

D'une part, prière de ne pas poster de code PHP, mais le code interprété, ensuite tu n'indiques pas clairement l'endroit ou se situe le problème.

Et enfin pourquoi utiliser les tables, tout peut être fait en CSS...

Bonjour,

J'ai indiqué le problème en disant que "Sous FF, c parfait, par contre sous ie, il faut apparemment mettre une taille pour les hauteurs, sinon on voit pas les backgrounds!!!" sous ie, si vous cliquez sur le lien(http://parisrsc.fr/test/liens.php), on voit l'espace blanc, le background ne s'étend pas toute la cellule de la table. Pour que cela marche, il faut fixer une taille or la hauteur devait être extensible en fonction du contenu comme sous Firefox.

J'ai utilisé les tables car avec les div apparement les backgrounds ne s'allongent qu'en fonction de leur propre contenu, sauf si leur hauteur est fixée...Donc j'ai introduit une table entre les div au niveau du div rubrique.

Pour le css, en effet, une partie est en code html, l'autre en css. J'ai alors modifié et a mis tout en css. Mais cela ne change rien.
Pour que ce soit conforme avec le reglement du forum, je me permets de remettre le code html:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <div id="tableau"> <div id="header"></div> <div id="rubrique"> <table border="1"> <tr> <td id="menu_gauche"></td> <td rowspan="2"> </td> <td id="menu_droit"></td></tr> <tr><td id="menu_gauche_bas"></td> <td id="menu_droit_bas"></td> </tr> </table></div> <div id="pied_page"><img src="images/copyright.jpg"></div> </div>
Merci d'avance et de m'avoir répondu