28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un gros problème de debutant en faite voici mon design en gros ^^ :

http://img319.imageshack.us/img319/2331/design0pr.jpg

Le menu de gauche a un fond gris et le menu de droite aussi et en faite quand un des deux menu est plus grand que l'autre le fond gris ne se prolonge pas sur celui trop court !!

Vous devez surement avoir deja vu le probleme si quelqu'un avais la solution svp !

Le probleme vient en faite du faite que mon menu n'a pas un height de 100% je voudrais que le menu aille tout le temps en bas de la page ...

Merci à tous de votre futur aide !
Modifié par Evenfild (13 Sep 2005 - 17:26)
Plop,

Une FAQ et un champ de recherche sont disponibles et ont fait leur preuve maintes et maintes fois.

Tu aurais pu y trouver ça Smiley langue
tu peux toujours mettre le gris en fond de ta page et faire un nouveau conteneur avec un fond blanc qui contiendra les blocs "contenu1" et "contenu2".
Oui j'y ai penser mais meme probleme je n'arrive pas a faire descendre ce fond blanc du centre comme tu dis lorsque les menu sont plus grand que le contenu :s
Modérateur
bonjour,

il te faut placer dans la colonne centrale un elements (le dernier) en clear:both;(si tes menus sont flottant) de façon a ce qu'il etire le centre si il se trouve etre le plus court,
j'ai bricolé 3 base de page a 3 colonnes qui sont basée sur l'idée du clear both et pour les colonnes des cotés une ideés en utilisant les bordures de la colonnes centrale (donc 2 couleurs possibles: 1 a droite/ 1 a gauche) et une autre avec une image en arriere plan.
tu peux t'inspirer des 3 idées (de css) et voir comment j'ai fais la(page menant au choix au 3 demos, le css est inclus dans chacunes des pages ): http://gcyrillus.free.fr/3colonnes/
la solution avec les grosses bordures semble etre celle qui bug le moins dans IE ...

si tu n'utilise pas de flottant, alors l'autre solution consiste a place une image en fond d'ecran, et d'applique une couleurs quelconque aux elements/zones ou tu ne veut pas la voir par transparence.

le squelette de ta page et son css de base aiderait a te proposer (ou pas) la /les solutions les plus adaptées dans ton cas ...

un autre topic se rapprochant du tiens : http://forum.alsacreations.com/topic.php?fid=4&tid=6817
avec quelques idées supplementaires...


a plus