09 décembre 2009

Des colonnes de même hauteur (2)

Une technique simple permet d'obtenir des colonnes de même hauteur. Elle est toutefois soumise à condition. On donne une couleur de fond à l'élément "container" et une autre à l'élément qui aura la hauteur la plus longue. Ainsi, l'élément auquel on n'aura pas attribué de couleur de fond se retrouvera avec celle du "container". 1- Si le "content" est toujours plus long que les colonnes de menu, on écrit par exemple : #container { background: #FFFF99;} #content { background: #56BBD0;} #leftbar { background: transparent;}* #rightbar {... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , , , , ,

05 novembre 2009

Des colonnes de même hauteur (1)

Les feuilles de style des thèmes proposés par Canalblog comportent trois éléments définissant les colonnes : - la colonne principale contenant les articles, "content" ; - les colonnes des menus latéraux, "leftbar" et "rightbar". La boîte contenant ces trois colonnes étant "container". En utilisant la propriété "background-color" on peut donner une couleur de fond à chacune de ces colonnes. Mais on obtient un résultat peu esthétique. En effet, les colonnes n'ont pas la même longueur, le bas d'une colonne s'arrête, faute de contenu. ... [Lire la suite]