Design élastique mais pas trop - 2

Publié le par brendutest

Le point de départ

Passons aux choses sérieuses :

#global {padding: 0px; margin: 0px 50px; width: auto}
#ln_1 {margin:0 200px}
#cl_1_0 {width:200px;}
#cl_1_2 {width:200px;}
#cl_1_1 {margin:0 10px; width:530px;}

#ln_1 (la ligne articles et modules) reçoit deux très grandes marges latérales (200px, gris moyen), aussi larges que les colonnes de modules. Bien sûr on est un peu tassé dans le bus mais… ça va s'arranger.

Note : pour les besoins de la démo j'ai aussi ajouté temporairement 20 pixels (padding-bottom:20px, non mentionné dans le code ci-dessus) en bas de #ln_1

Publié dans Elastique

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article