Je veux refaire complétement le graphisme de mon site en respectant xhtml et css (mon site actuel utilise les frames), mais je n'arrive pas à faire ma mise en page car je veux "mélanger" tailles fixes et tailles dynamiques...
J'ai :
- un entete qui  dois faire 100% de la page en largeur et 100px en hauteur.
- un menu a gauche qui doit faire 150 px de largeur et prendre le reste de la page en hauteur (soit 100%-100px)
- la page principale qui doit prendre tout le reste de la largeur de la page aussi bien en hauteur qu'en largeur
- un pied de page qui prend la largeur de la page principale et 30 px de haut...

je n'arrive pas a obtenir cela fonctionnant dans toutes les résolutions...

comment faire cela ?

Ben oui ca je sais bien que je sais pas le faire mais il y a moyen en imbriquant des div mais c'est la que je m'y pert...

Salut,

Pour le modèle de base, je dirais (au jugé) :

Code:

<div id="entete">...</div> <div id="contenant">   <div id="menu">...</div>   <div id="contenu">...</div> </div> <div id="pieddepage">...</div>

Avec pour tes css

Code:

#entete {   height : 100px; } #menu {   float : left;   width : 150px; } #contenu {   margin-left : 150px; } #pieddepage {   height : 30px; }

Bon,
1) Je t'ai fait ça au jugé, sans tester
2) Je n'ai pas précisé de width 100%, car c'est la valeur par défaut pour les éléments de type bloc (ce qui est le cas du div)
3) le #contenant sert à englober le menu et le contenu, afin d'être sûr que le pieddepage sera bien sous l'ensemble des 2
4) le margin-left sur #contenu sert à donner l'effet colonne, afin que le texte dans #contenu ne continue pas "sous" le menu, mais reste bien aligné

NB : Si ta page est plus courte qu'une page écran, tu auras de l'espace sous ton pied de page. Il existe des astuces pour remédier à ça, mais elles nécessitent l'usage de javascript pour déterminer la hauteur effective du contenu complet de la page.