Mise en page css étirable

**killerhertz** · 21/05/2012, 22h30

Bonjour,
je bloque sur un probleme de mise en page :
voici un schema explicatif, je voudrais que mon contenu (texte) traverse les div contenu haut, contenu etirable et contenu bas et bien sur que la div "contenu etirable" s'étire selon la hauteur du texte.
N'hesitez pas à me poser les questions car c'est pas super facile à expliquer mais le but est bien sur graphique car chaque div à un background unique qui forme le theme.
En vous remerciant

**killerhertz** · 27/05/2012, 17h03

Si vous voulez je reformule mais il doit bien y avoir une solution pour faire une grande zone de texte avec deux images différentes de fond, une fixe et l'autre étirable suivant le contenu général.
Merci

**elfamine** · 27/05/2012, 18h03

Bonjour,

le texte n'arrivera jamais à la zone "Contenu bas" puisque la zone "Contenu étirable", comme son nom l'indique, va s’étirer tant qu'il y a du contenu non ?

Je pense qu'il suffit d'avoir une seule image background avec un dégradé couleur uni en bas de l'image. En supposant que #ffffff soit cette couleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background:#ffffff url('image.png') no-repeat right top;

**killerhertz** · 27/05/2012, 20h06

Oui je vois ce que tu veux dire mais en fait je souhaite ecrire sur une feuille de papier, il y a une ombre en haut et en bas de celle-ci donc on ne peut pas repeter leur background. Au milieu i a simplement des lignes et c'est là que je voudrais faire repeter le background tout en ecrivant le debut et la fin sur les autres.
Je pensais faire une div qui regroupe les 3 div (haut, etirable et bas) avec un height à 100%. le haut et bas serait fixe et le milieu se repeterait suivant la longueur du texte.
Je pourrais tricher et ecrire en dure le contenu du haut puis le milieu et dans une derniere div le contenu du bas mais sur certaines pages j'ai du contenu dynamique dont je ne connais pas la lg a l'avance.

C'est faisable ou alors il faut que j'oublie?
Merci