Lauryn Web Design - Milano, Edimburgo e online

Ma quanti layout in css!!!

Grazie al nostro amico Paolo Galli (ma quante ne trovi!!) vi segnalo un post di Noupe dove vengono suggeriti 9 modi diversi per creare layout a tre colonne.

Ve ne riporto un assaggio e poi posto anche il link per le ulteriori risorse che vi sono segnalate.

Buona lettura e buon allenamento!

9 Timeless 3 Column Layout Techniques

Our Target is find a Layout that have Total Layout Flexibility, Equal Height Columns and just works fine. Lets digg deep and see below a list of resources which offer gorgeous and valid 3 Column CSS-based Layouts- usually with  full layout structure, such as headers, navigation bars, content containers, sidebars and footers.

Two Fixed and one Fluid

 

1) 3 Columns, The Holy Grail– Nice simple 3-column CSS layout to adapt.

  1. #leftcontent {
    position: absolute;
    left:10px;
    top:50px;
    width:200px;
    }
  2. #centercontent {
    margin-left: 199px;
    margin-right:199px;
    margin-left: 201px;
    margin-right:201px;
    }
    html>body #centercontent {
    margin-left: 201px;
    margin-right:201px;
    }
  3. #rightcontent {
    position: absolute;
    right:10px;
    top:50px;
    width:200px;
    }

Continua

Se ti è piaciuto condividilo

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *