[CSS] Positionner 2 tableaux dans une div

Bonjour à tous,

J'ai une div de taille fixe (mettons 500 px) et je cherche à positionner 2 tableaux (de 200px chacun) à l'intérieur :
le 1er tableau à l'extremité gauche de la div, l'autre à l'extremité droite avec un espace entre les 2

La seule chose qui marche à peu près, c'est de mettre le div conteneur en text-align: right; et de mettre le 1er tableau en float: left;

Sous IE ça fonctionne mais sous FF le 2ème tableau ne se cale pas à droite, il reste collé au 1er tableau

Si quelqu'un a une idée de comment réaliser ça...
Merci d'avance :)

Salut !
je te suggère de créer un grand tableau avec trois cellules... tu mets tes deux tableaux dans les cellules extrêmes.
@+

Vi biensûr je peux faire comme ça mais ça serait remettre en cause le principe de "ne plus passer par les tableaux pour la mise en page" :)

Ca doit bien être possible de faire ça :calim2:

dans ces cas je triche un peu :
je mets par exemple un truc entre les deux tableaux, avec l'attribut hidden...
tu vois ?
c vrai que ça fait tache, mais bon... du moment que ça fonctionne, basta. :mrgreen: :mouarf:

Ca devrait marcher en mettant le deuxieme tableau en float:right;

Gaetan

Si j'ai bien compris comment fonctionne les flux, je ne peux pas mettre le 2ème tableau en float:right; car ça le ferait sortir du flux de la page et ça poserait problème pour le positionnement de la suite de ma page (dont je veux qu'elle se positionne en-dessous du div conteneur des tableaux).

J'ai bon? :question:

Si je me rapelle bien, les elements sortants du flux sont les elements avec position:fixed;. Le float:right; te positionnerai ton element a droite de l'element parent mais ne sortira pas du flux HTML. Par contre les elements suivant s'afficheront d'abord entre tes tableaux (si il y a de la place ) puis en dessous. Tu peux peut etre regler ton probleme en appliquant une marge gauche a ton tableau de droite.

(corriger moi si je me suis planter je suis pas sur de mon coup ...)

Gaetan

Je pense que tu as raison Gaetan mais en rajoutant un balise clear en dessous du div tu peux rétablir le flux comme si tu était en continu

Code:

---

<div style="clear:both;"></div>

---

Effectivement,

en mettant les 2 tableaux en float left et right et en ajoutant une div clear ça fonctionne

Merci pour votre aide :)

cool