Version complète: sur le forum Webmaster Hub : le texte sort du conteneur
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
paul22
Bonsoir !
Sur un site j'ai un problème de positionnement !
je veux que la frame (contenu des textes) puisse sétire, sous IE cela marche firefox non les blocs sortent du conteneur !
Un shéma
[QUOTE]body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
text-align: center;
background-color:#CC0033;
}
#conteneur {
width:750px;
height: 100%;
margin:0 auto;
text-align: left;
border: solid;
background-color:#FFFFFF;
}
#haut {
height: 250px;
width: auto;
background-color:#FFFFFF;
}
#header {
height: 60px;
width: auto;
background-image : url('../image/courrier.jpg');
background-repeat: no-repeat;
}
#header1 {
height: 30px;
width: auto;
background-color:#BDE5FF;
}
#bas {
height: auto.*/ne fonctionne pas en auto ou %
width: auto;
background-color:#FFFFFF;
}
#pied {
clear:both;
height: 30px;
width: auto;
background-color:#BDE5FF;
}
.bloc1 {
float: left;
width: 45%;
height: 100px;
border: groove;
margin: 5px;
padding: 2px;
background-color: #FAFFF0;
}
.bloc2 {
float: right;
width: 45%;
height: 100px;
border: groove;
margin: 5px;
padding: 2px;
background-color: #F4FCFF;
}
.bloc3 {
float: left;
width: 45%;
height: 100px;
border: groove;
margin: 5px;
padding: 2px;
padding: 2px;
background-color: #FAFFF0;
}
.bloc4 {
float: right;
width: 45%;
height: 100px;
border: groove;
margin: 5px;
padding: 2px;
background-color: #F4FCFF;
}
.bloc5 {
float: left;
width: 45%;
height: 200px;
border: groove;
margin: 5px;
padding: 2px;
overflow: auto;
background-color: #FAFFF0;
}
.bloc6 {
float: right;
width: 45%;
height: 200px;
border: groove;
margin: 5px;
padding: 2px;
overflow: auto;
background-color: #F4FCFF;
}
.bloc7 {
float: left;
font-size: 0.9em;
width: 45%;
height: 80px;
border: groove;
margin: 5px;
padding: 2px;
overflow: auto;
background-color: #FAFFF0;
}
.bloc8 {
float: right;
font-size: 0.9em;
width: 45%;
height: 80px;
border: groove;
margin: 5px;
padding: 2px;
overflow: auto;
background-color: #F4FCFF;
}
voila tout le site est constitué de blocs qui servent à contenir du texte, sur la partie haute il ny a pas de problème puisse que je défini hauteur et largeur mais la partie basse si je ne défini pas la hauteur de frame et que je la laisse à 100% les blocs sortent du conteneur !

Si vous avez un tuyau merci
l'adresse du site My Webpage
donc la il fonctionne car le height de frame est défini mais si je mets en % les blocs sortent
Merci si vous pouvez m'aider !
jeanpierre949
salut.
les flottants sortent du flux donc incontrolables la seule solution est de fixer des tailles fixes ou peut-etre mais pas garanti mettre un clear:both; dans #conteneur
paul22
Merci Jeanpierre,
non clear: both; ne donne rien,
donc je fixe la hauteur de conteneur !
Paul
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.