Ciao.
Devo realizzare un nuovo sito e pensavo di farlo interamente con i CSS, definendone il layout.
Il sito penso che, una volta fatto, non subirà grandi variazioni nel tempo, però visto che con le tabelle ci lavoro da una vita, vorrei vedere di realizzare questo sito con un sistema nuovo, cioè appunto i CSS.

La pagina dovrebbe essere così divisa:

- die aree rettangolari abbastanza sottili, una in cima e una in fondo, che conterranno la data e un menù rapido
- il corpo della pagina sarà diviso in due righe e 3 colonne
- la prima riga sarà più bassa della seconda
- nella seconda ci andrà, nella colonna di sinistra il menù, in quella centrale una immagine, in quella di destra il testo.

Dall'immagine allegata spero si capisca meglio!

Ora, qualcosa sono riuscito a realizzare, ma ho trovato subito due problemi:
1. il rettangolo di chiusura non coincide con la line estarna in basso
2. appena messo il testo, ho subito notato che il rettangolo di destra si allunga, uscendo dall'area, mentre gli altri no

La struttura della pagina è così fatta:

codice:
 

<div id="corpo">
	
	<div id="testa">
		
	</div>
	
	<hr />
	<div id="corpo-colonna1">
		[MEN&Ugrave; DI NAVIGAZIONE]
		</div>
	<hr />
	<div id="corpo-colonna2">
		[AREA CENTRALE CON IMMAGINE]
	</div>
	<hr />
	<div id="corpo-colonna3">
		[AREA CONTENENTE IL TESTO DEL SITO]
	</div>
	
	<div id="piedipagina"></div>
	
</div>

<hr />
Avete un css magari già pronto che funzioni bene e che non dia problemi con questo tipo di impaginazione?
Quello che ho io, da i problemi che ho detto sopra... c'è anche da dire che ho iniziato a lavorarci da poco quindi può anche darsi che ne dia pure altri!! Speriamo di no!

Grazie.