bonjour,
j'ai deux tableaux qui ont le meme nombre de lignes
comment faire pour que les deux tableaux soient placé l'un à coté de l'autre, le tout centré horizontalement dans ma page ?
bonjour,
j'ai deux tableaux qui ont le meme nombre de lignes
comment faire pour que les deux tableaux soient placé l'un à coté de l'autre, le tout centré horizontalement dans ma page ?
Inscrit les deux tableaux dans une div centrée de la taille des deux tableaux et place un float left sur 'table', ca devrait faire l'affaire.
comment definir la largeur de la div vu qu'elle peut être différente selon la taille du texte (sinon ça a l'air de marcher)?
Tu dois donner obligatoirement une taille à la div.
De plus IE ne comprendra pas, il faudra donc rajouter dans le body un centrage du texte et dans la div remettre le texte aligné à gauche.
Exemple concret :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Untitled</title> <style type="text/css" title="text/css"> /* <![CDATA[ */ body { text-align:center; } div.centre { text-align:center; margin-left:auto; margin-right:auto; width:800px; text-align:left; } table { float:left; } /* ]]> */ </style> </head> <body> <div class="centre"> <table border="1" width="350"> <tr> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> </tr> <tr> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> </tr> </table> <table border="1" width="350"> <tr> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> </tr> <tr> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> <td>toto</td> </tr> </table> </div> </body> </html>
Donc si l'utilisateur fait un zoom, le deuxieme tableau va changer de ligne ?
margin: auto marche soit IE7, tu crois que ça vaut le coup de gérer le bug de IE6 ?
Partager