Probléme affichage (div aligner horizontale)

Slt tout le monde, voila mon problème.

J'ai un div principal

#contener {
	width: 772px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

dans lequel je place un div

#contenu {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #4C2F2F;
	border-bottom-color: #4C2F2F;
	border-left-color: #4C2F2F;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	width: 760px;
	height: auto;
	margin: 0px;
}

dans lequel je place deux div qui doivent s'aligner horizontalement

#colonne_gauche {
	float:left;
	width: 112px;
	margin-right: 10px;
	text-align: center;
	}

#colonne_droite {
	margin-left: 118px;
	width: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 15px;
	height: 200px;
	position: relative;
}

Lors de l'affichage, le contenu du div "colonne_gauche" sort du div "contenu" et même chose pour le div "colonne_droite" ???
je ne vois pas quel paramètre j'ai pu oublier

<divid="contener">
  <div id="contenu">
    <div id="colonne_gauche">xxxxxxxxxxxxxxx</div>
    <div id="colonne_droite">xxxxxxxxxx</div>
  </div>
</div>

merci de votre aide
Modifié par Kweb (17 Mar 2008 - 17:49)

salut,

j'ai testé ton code sous FF même avec
<divid="contener"> ecris <div id="contener"> j'avais les div gauche et droite qui reste a leur place.

par contre si tu as du contenu qui en taille de caractéres sufisemment de xxxxxxxxxxxxxxxxxxxxxxxxxxxx non séparé par une virgule. le mot est trop grand donc ça depasse.
tu peux mettre un overflow:hidden pour eviter que cela se voit. tous ce qui depasse n'apparaitra plus.

mais je ne vois pas comment l'empecher. sauf d'analyser chaque mot et de le decoouper s'il est trop long mais ça risque d'être lourd.
Modifié par CPascal (17 Mar 2008 - 20:07)