You Are Here: Home » Css box model » Box model – 2 colonne – 1 colonna fissa / 1 colonna fluida

Box model – 2 colonne – 1 colonna fissa / 1 colonna fluida

4 tipi di ‘box model‘ basato su 2 colonne con 1 colonna fissa e 1 colonna fluida.

Usando il position:absolute; :

  • colonna sinistra a larghezza fissa / colonna destra a larghezza fluida
  • colonna sinistra a larghezza fluida / colonna destra a larghezza fissa

Usando il float:left; :

  • colonna sinistra a larghezza fissa / colonna destra a larghezza fluida
  • colonna sinistra a larghezza fluida / colonna destra a larghezza fissa

fissa/fluida
colonna fissa fluida
Absolute | Float
fluida/fissa
colonne fluida fissa
Absolute | Float

Sponsors of this article

About The Author

WebMaster

CEO e amministratore Network Flepstudio.org

Number of Entries : 85

Comments (3)

  • Pietro

    ciao, molto interessante il tuo articolo, però ho rilevato un problema che da un po’ di giorni mi sta ossessionando.
    ho costruito un layout ad una colonna fissa (sx) ed una fluida (dx) usando il float:left. il problema è che nella colonna di sinistra non riesco a posizionare dei link (non risultano “cliccabili”), ed invece togliendo l’istruzione “margin-right:-100%” funzionano ma comprometto il layout. help me!

    (non possso usare il posizionamento assoluto per le colonne perchè perdo la possibilità di inserire un footer sempre in fondo)

    Reply
  • silvia

    Prova con lo z-index per spostare il div a sinistra in primo piano

    Reply
  • User

    Ancora meglio riuscendo ad immettere codice per generare una semplice galleria immagini con testo sotto ogni immagine

    buon lavoro! ;)

    Reply

Leave a Comment

© 2012 Powered By Flepstudio.org

Scroll to top