Problema layout formato da 3 immagini
Salve a tutti, sto creando un layout che ha come sfondo 3 immagini, una che si posiziona in alto alla pagina, con altezza fissa, una centrale che si allarga in base al contenuto della pagina, ed una finale, che segue la centrale e si posiziona infondo alla pagina.
Praticamente quando nella pagina viene inserito contenuto (nel div centrale, cioè quello che ha come sfondo l'immagine centrale) l'immagine centrale si deve allungare a seconda della altezza del contenuto, dopo di che, sotto ad essa si dovrà posizionare la terza ed ultima immagine, che dovrà chiudere il template.
Come posso fare ad inserirle tutte correttamente con css in una pagina ? (nella pagina il layout è formato da div che hanno classi specifiche, ad esempio il div con la prima immagine di sfondo ha una classe specifica, ecc...)
P.S.:
In pratica la prima e l'ultima immagine contengono un menu, fisso che non si deve allargare in base al contenuto, mentre quella centrale sì.
Il codice del layout della pagina dovrà essere il seguente:
Codice HTML:
<body class="body"> // Classe del body
<?php echo menu_alto(); ?> // Funzione che posiziona in modo assoluto le voci del menu alto
<?php echo menu_basso(); ?> // Funzione che posiziona in modo assoluto le voci del menu basso
<div class="prima_immagine">
</div>
<div class="seconda_immagine">
Qui ci va il contenuto!
</div>
<div class="terza_immagine">
</div>
</body>
Spero in qualche risposta, grazie in anticipo.
