Pb de div cote à cote [Résolu]

Bonjour,

J'ai un soucis avec ma feuille de style.
J'ai un div container qui contient deux div qui doivent s'afficher côte à côte (left et centre).
Le div "left" a une largeur fixe de 2236px.
Je voudrais que le div "centre" n'ait pas une largeur fixe et que celle-ci s'adapte en fonction de la largeur de tableaux issus de requête.
Le problème que je rencontre est que si la résolution de mon écran est plus petite que la largeur du contenu, mon div 'centre' se met sous mon div 'left'.
Je souhaiterai que les deux div restent côte à côte et que la barre défilement horizontale apparaisse.x
j'ai testé avec les résolutions suivantes : 800x600 et 1280x1024

Voici ma feuille de style

#container{
	background-color:blue;
}

#left{
	float: left;
	background-color:white;
}
#centre{
	float: left;
	background-color:yellow;
}

et mon code html

<div id="container">
    	<div id="left">connexion</div>
        <div id="centre"> centre </div>
</div>

Modifié par frogy (11 Jan 2012 - 18:24)

Bonjour,

s’il n’y avait pas ie un simple

#container div{display:table-cell}

marcherait (sans les floats)

si tu veux que se soit le plus compatible passe hélas par les tableaux.

Merci de ta réponse. J'avais essayé avec display: table-cell sans grand succès.
Je vais suivre tes conseils et faire un tableau.
Bonne soirée.