Layout della pagina

**Lukiep** · 26-09-2010, 18:15

Salve a tutti,
volevo realizzare il mio sito personale utilizzando il layout che ho messo in allegato.

Nonostante numerosi tentativi, non riesco ad ottenere il risultato prefissato.

Avete qualche aiuto da darmi.

Io pensavo di dividere la pagina in due colonne, una fissa e una elastica e poi suddividerle a loro volta in due parti:

codice:

<body>
 <div id="container">
 <div id="colsx"></div> 
 <div id="coldx">Prova</div> 
</div> 
</body>

codice:

#container {
	margin: 0 auto;
	background-color:#0C6;
}

#colsx{
	position: relative;
	float: left;
	width: 550px;
	margin: 0px auto 0px 0px;
	background:#F00;
}

#coldx{
	position: relative;
	float:right;
	margin: 0 0 0 550px;
	background:#00F;
}

Ma ovviamente già a questo punto non funziona.

Come mai?

**sea_green** · 27-09-2010, 00:51

Non puoi risolvere il problema utilizzando i semplici CSS, ma potresti utilizzare il javascript.

Infatti esistono delle funzioni in grado di "estrarre" la risoluzione dello schermo (vedi qui).

Potresti usarle per dare una larghezza alla seconda colonna.

Discussione: Layout della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Layout della pagina

Permessi di invio