Bonsoir,

J'avais posé cette question dans le salon général (que j'ai entre-temps indiqué comme étant close) mais je n'ai obtenu aucune réponse... J'espère avoir plus de chance ici

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 :

   #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;
width: 100%;
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 ! smile

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Modifié par EricLB (02 Nov 2005 - 21:11)
Salut,
ton problème est sous IE et FF?
parce que je me rappel avoir eu ce problème (me rappel plus si c'était sur IE ou FF) et avoir trouvé la solution en définissant systématiquement la taille à 100%.
Aprés pour l'origine du problème ... j'attend avec toi Smiley cligne
En fait, je n'ai pas de problème, je me pose juste la question de savoir pourquoi le code est différent alors que le resultat est identique.

Je veux juste mieux comprendre le code pour savoir quand il faut que je mette la largeur à 100%. J'anticipe ! Smiley biggrin