le texte sort du conteneur

[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

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