2011-11-23 19 views
6

Esiste una solida soluzione cross browser per colonne CSS fisse e fluide? Ho bisogno di una colonna da fissare sul lato sinistro, e un'altra colonna da essere fluida sul lato destro.Layout CSS con colonna sinistra e fluido colonna destra?

Di seguito è riportato uno snippet del mio codice - .promoImg e .promoContent disposti uno accanto all'altro. #recommends è il 90% della larghezza del browser, .promoImg deve essere risolto a 120px e mi piacerebbe che lo .promoContent stacchi fluido.

<div class="promoBlock "> 
    <div class="promoImg"> 
     fixed content 300px 
    </div> 
    <div class="promoContent"> 
     fluid content 
    </div> 
</div> 

risposta

15
.promoBlock { width:90%; margin:auto; } 
.promoImg { width:300px; float:left; background-color:red; } 
.promoContent { margin-left:300px; background-color:green; } 

Codice: http://jsfiddle.net/P4RBj/

P.S: non ha ottenuto promoblock ha la necessità di fissare a 120px. In tal caso, il tuo div interno è più ampio (300 px).

+0

evviva per quello - semplice e funziona a meraviglia - scusa (riguardo la citazione di promoblock) ho scritto male sopra - ora ho corretto il testo – Dancer

Problemi correlati