[Résolu] Comment réaliser une colonne d'une couleur?

Bonjour,

Je voudrais réaliser une colonne d'une couleur, par exemple, jaune, et le reste de la page d'une autre, par exemple, vert.
La colonne de gauche (en jaune) pourrait contenir le menu (la colonne devrait s'étendre de haut en bas), et les reste de la page l'article (par exemple).
Comment procéder ?
Avec la propriété background, en jouant sur les transparences et en superposant plusieurs couleur?
Ou autrement ?

Quelle est la meilleure méthode ?
Merci à vous !
F.

Ici :

http://www.alsacreations.com/static/gabarits/liste.html

Mais c'est fabuleux ça !
Il faut que j'apprenne à chercher dans les ressources alsa !!

Merci,
F

Bonjour,

Dans le lien gentiment fourni par jb_gfx, on cherchera plus volontiers le terme "colonnes factices".
Tu peux également jeter un œil (mais, il est hautement conseillé de se munir de tous les yeux disponibles ) sur cet excellent tutoriel de Benjamin : Mise en page CSS avancée grâce à la propriété display

(Depuis que je suis ici, que je compulse vos tutoriels, poste des messages sur les forums, quand je regarde les sites faits par des pros je découvre de nombreuses inexactitudes, approximations, bidouillages... des balises sémantiques utilisées à des fins sémantiques, etc. etc. : un grand merci !)

Je me demande où vous trouvez le temps d'être aussi réactifs ? Travaillez pour "alsacréations", ou est-ce du "bénévolat" ?

F.

Ils nous exploitent
Et comme ce sont eux qui fournissent la choucroute et (surtout) la bière, tu penses bien que nous n'avons pas vraiment le choix
Plus sérieusement :
Nous sommes tous bénévoles, et la réactivités des réponses dépend d'un facteur chance non négligeable

Pas de bénévolat, on est payé en kiwis.

Je suis fasciné par tant d'abnégation et de dévouement!

Sans vous tout ceci n'existerait pas, et mon mac aurait volé par la fenêtre après des jours à essayer de faire un design potable pour ma vitrine.

Je vous dois une fière chandelle à tous !

Merci 1000 fois,
F.

Avant de jeter votre Mac appelez-moi, je suis preneur ....

...et si j'utilisais... tout simplement la propriété height ?

Le problème étant que par défaut, ces fichues colonnes occupent toutes la largeur disponible, mais pas toute la longueur... Je peux remédier à cela en utilisant height et une grande valeur (genre 1500 px). C'est plus simple que le truc des colonnes factices, non ?
Et si j'utilise les % ça fera un design fluide... non ? ou c'est un crime de lèse css ?

Bouhou, les colonnes factices c'est pas super pratique (faut les faire et tout et tout), et puis c'est pas fluide.

Ah oui sauf que quand je réduis la taille de la fenêtre de mon navigateur, le contenu de ma colonne de droite se place 1500px au dessous de celui de ma colonne de gauche. Et m***e.


Modifié par Fabri (01 Mar 2013 - 13:29)

Essayez ces liens parmi lesquels j'ai auparavant testé une méthode dont je ne me souviens plus:
http://www.vanseodesign.com/css/equal-height-columns/
http://css-tricks.com/fluid-width-equal-height-columns/

Merci infiniment pour ces liens, je les explore en ce moment même !
F.