Discussion :

[adel_adl]

tout le monde
je veux réaliser une page web avec un contenu dynamique mais j arrive à ajuster proprement les blocs composant cette page.
voici une image illustrant hiérarchie des blocs

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 
    <div id="conteneur"> <!-- le jaune -->
             <div id="entete"></div><!-- le bleu -->
             <div id="menu"></div><!-- le vert -->
             <div id="contenu"><!-- le rouge -->
                    <div id="menuVertical"></div><!-- l'orange -->
                    <div id="contenuText" ></div><!-- le marron -->
             </div>
             <div id="pied"></div><!-- le mauve -->
    </div>

je cherche le css réalisant ce positionnement, sachant que les deux divs "menuVertical" et "contenuText" sont dynamiques (leurs contenu est posé dans une base de données)
le bloc pied doit être toujours positionné au dessous du bloc "contenu"
en cas ou les divs "menuVertical" et "contenuText" ne contiennent rien le pied doit être positionné en bas de l'écran
et à touts

[eckerdecker]

Bonjour

Sur le jaune tu fixes une largeur.
Sur le bleu, le vert et le mauve tu fixes une hauteur.
Le cadre rouge, à moins d'en avoir besoin expressément, tu peux t'en passer.
Sur le orange et le marron tu fixes une largeur, en pourcentage (20% / 80% par exemple) ou en pixels de sorte que la somme des deux te redonnes la largeur du jaune. Et tu leur met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float:left;

ca dit à tes deux blocs de flotter l'un à coté de l'autre, de la gauche vers la droite.
sur le mauve tu met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

clear:both

ca annule le flottement et ton bloc mauve prend sa place en dessous des blocs orange et marron.

Essaye ça et vois si ça te convient.