[Clos - déplacé dans tutoriels] Question basique sur les gabarits

Bonsoir,

Au sujet des tutoriels des gabarits sur Alsa, je me pose une question sur les mises en pages fluides (mises en page que je n'ai jusqu'alors pas utilisées) :

Pour une mise en page simple le code est le suivant :

a écrit :
#header {
height: 100px;
background-color: #99CCCC;
}
#centre {
background-color:#9999CC;
}

#pied {
height: 30px;
background-color: #99CC99;
}
p {margin: 0;}

Pour une mise en page à deux colonnes le code est le suivant :

#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
position: absolute;
[b]width: 100%[/b];
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
margin-left: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #99CC99;
}

Pourquoi dans un cas faut-il indiquer

width:100%;

et pas dans l'autre ? Qu'est-ce qui fait que si on indique pas les 100% le div ne prend pas tout l'espace mais uniquement la taille du texte ?

Merci - faites qu'enfin je puisse dormir tranquille !

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Modifié par EricLB (26 Sep 2005 - 17:09)