Layout a due colonne di cui una fissa

**RGB1** · 17-08-2009, 11:11

Ciao,
vorrei creare un layout di due colonne affiancate di cui una con una larghezza fissa di 200px e l'altra con larghezza variabile in modo da occupare il resto della pagina.
Vorrei cioè che una colonna fosse "liquida" e l'altra fissa.
E' possibile fare ciò?
Io ho impostato questo codice.
Il problema è dare a "colonna 2" una dimensione variabile. Se specifico la dimensione i due div non rimangono affiancati

codice:

<div id="container">

<div id="colonna1" style="float:right; width:200px; background-color:#cdcdcd">ddd</div>

<div id="colonna2" style="float:left; background-color:#bca1a1">

		 <h2 style="border-bottom:1px solid #cccccc; margin:0px 0px 0px 0px;">INCLUSIONE SOCIALE</h2>
		 
	                  aaaa
										
					
</div>

</div>

**marco.carrieri** · 17-08-2009, 11:44

Dici una cosa del genere?

Codice PHP:


<html>

    <head>

        <title>prova</title>

        <style>

            html,body

            {

                margin:0px;

                padding:30px;

            }

            #sinistro

            {

                float:left;

                width:200px;

                background:red;

            }

            #content

            {

                background:green;

                margin-left:200px;

            }

            #contenitore

            {

                width:100%;

            }

        </style>

    </head>

    <body>

        <div id="contenitore">

            <div id="sinistro">sinistro</div>

            <div id="content">content</div>

        </div>

    </body>

</html>

**RGB1** · 17-08-2009, 11:58

Ok grazie. Io ho usato il float-right e il margin-right per avere la colonna fissa a destra.
E' una tecnica che funziona con tutti i browser?

**marco.carrieri** · 17-08-2009, 12:03

Quello che ti ho postato lo ho provato personalmente e funziona su.

FLOCK
IE8
Firefox
Opera
Safari 4
Chrome

e il tutto con due monitor(lavorando con due monitor contemporaneamente) uno sa 22 pollici e uno da 17.

**RGB1** · 17-08-2009, 12:17

Grazie.
Mi sei stato molto d'aiuto!

Discussione: Layout a due colonne di cui una fissa

Strumenti discussione

Ricerca discussione

Visualizza

Layout a due colonne di cui una fissa

Permessi di invio