28173 sujets

CSS et mise en forme, CSS3

Bonjour ,

Voila j'ai un petit prb avec les arrieres plan.

Mon code XHTML est composé de 4 div : une pour l'entete ,une pour le menu,une pour le corps,une pour la partie en bas .

j'ai mis dans mon css des float: left;

Le probleme c quand le contenu du corps augmente le menu reste fixe .

Voici un apercu d'ecran : www.voyager-au-maroc.com/prb.JPG

Merci d'avance
Modifié par hebmaster (29 Apr 2006 - 03:05)
hebmaster a écrit :
Le probleme c quand le contenu du corps augmente le menu reste fixe.

Ah ben oui, ça c'est parfaitement normal. Un bloc prend la hauteur qui lui est nécessaire, ou bien la hauteur fixe qu'on lui attribue, mais sa hauteur ne dépend pas de celle d'un autre bloc. D'ailleurs, tu es sans doute le seul à savoir que ces deux blocs (menu et contenu) devraient être liés et avoir la même hauteur. Le navigateur, tout ce qu'il sait c'est que ces deux blocs sont l'un à la suite de l'autre dans le code HTML.

En fait, tu voudrais avoir un comportement de cellules de tableaux. Les cellules de tableau d'une même ligne sont liées entre elles de la sorte.
Donc :
– soit tu utilises un tableau.
– soit tu ne veux pas utiliser de tableau pour une simple question de mise en page visuelle, et tu ruses un peu.
Cf http://css.alsacreations.com/Tutoriels-et-articles-divers/Des-blocs-de-meme-hauteur-sans-tableaux