[CSS] Positionner 2 tableaux dans une div

**Rei Itchido** · 12/05/2006, 17h17

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

**Sheriff** · 12/05/2006, 17h25

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

**Rei Itchido** · 12/05/2006, 17h28

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

**Sheriff** · 12/05/2006, 17h50

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.

**galette** · 12/05/2006, 17h53

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

Gaetan

**Rei Itchido** · 12/05/2006, 17h57

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?

**galette** · 12/05/2006, 18h04

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