Placement de div

Bonjour à tous,

Je précise tout de suite que je suis débutant. Voila mon problème.
Dans le code ci-dessous, je voudrais que mes trois DIV s'affiche sur la même ligne et non pas les uns en dessous des autres comme actuellement.

A terme, seul le div1 sera affiché au départ, celui_ci contient une liste déroulante et lorsqu'elle est renseignée, la seconde s'affiche et ainsi de suite. Je voudrais donc que quelque soit le nombre de DIV affichés, qu'ils soient toujours centrés.
Code ------------------------------------------------------------

Code:

---

1 2 3 4 5 6 7 8 9

<table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <div id="div_1" style="width:100px">Liste 1</div> <div id="div_2" style="width:100px">Liste 2</div> <div id="div_3" style="width:100px">Liste 3</div> </td> </tr> </table>

---

Fin code ---------------------------------------------------------

Merci d'avance pour votre aide.
Peterpan78

Salut,

Par exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<table border="1" width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="container"> <div id="div_1" style="width:100px">Liste 1</div> <div id="div_2" style="width:100px">Liste 2</div> <div id="div_3" style="width:100px">Liste 3</div> </div> </td> </tr> </table>

---

Code:

---

1 2 3 4

#container { overflow:hidden; width:300px; margin:0 auto; } #div_1 { float:left; } #div_2 { float:left; } #div_3 { float:left; }

---

Le problème est que pour centrer, il faut connaitre la largeur...

Le tableau n'est pas vraiment utile (personnellement, j'aurai fais sans).
<table> = affichage de données tabulaires : Ce n'est pas ton cas.

Merci pour ta réponse, ca me permet d'afficher les div les uns à coté des autres.
Mais comment je fait pour qu'ils soient toujours alignés quelques soit le nombre de div 1,2 ou 3 ?

Merci d'avance.