Disposition de calques avec des CSS

[Dark-Ikari]

Bonjours a tous

Ceci est mon premier post, soyez indulgent j'ai un petit problème avec ma page HTML. Je voudrais y insérer 3 <div>, c'est bien ce que j'ai fait, Mais je voudrais mettre toutes les propriété dans des CSS. voici mes CSS :

Code: Tout sélectionner

body   {
   background: #5D637D url(images/fond.gif) repeat-x;
   font-family: Tahoma, Arial, Serif;
   font-size: 7pt;
   margin: 0;
   padding: 0;
   }
.max   {
   width: 100%;
   height: 100%;
   }
.layerg {
   position:absolute;
   left:10px;
   top:160px;
   width:170px;
   height:186px;
   background: #20282F;
   border: solid 1px #667788;
   }
.layerc {
   position:absolute;
   left:190px;
   top:160px;
   width:600px;
   height:186px;
   background: #20282F;
   border: solid 1px #667788;
   }
.layerd {
   position:absolute;
   left:800px;
   top:160px;
   width:170px;
   height:186px;
   background: #20282F;
   border: solid 1px #667788;
   }


Ma page contient 3 DIV (calques), 1 a gauche (layerg) un au centre (layerc) et l'autre a droite (layerd) et je voudrais que les layer gauche et droite soient fixe (emplacement et taille), et celle du centre sois de taille dynamique par apport a la taille de la fenêtre entre les layer gauche et droite...


Sauriez vous me conseiller?

merci beaucoup d'avance[/quote]

[blankoworld]

Bonsoir,

Bien que je suis encore quelque peu débutant en CSS et en XHTML , je peux déjà te conseiller de mettre pour la colonne du milieu l'attribut width=auto, c'est le seul moyen de mettre de telle manière que ta colonne soit «souple». De plus pour cette colonne du milieu je ne vois pas pourquoi tu mettrai l'attribut absolute, je ne pense pas qu'il soit nécessaire. Essaies et dis nous.

En espérant avoir quelque peu aidé.