Positionner un tableau à droite dans un div ?

Version imprimable

22/03/2008, 12h40
tintin72

Positionner un tableau à droite dans un div ?

Bonjour,

j'ai un pb pour positionner un tableau (à l'interieur d'un div) à droite.
J'ai d'abord fait un simple text-align: right; dans le div ce qui fonctionne
uniquement sous IE, sous FF le tableau reste à gauche.
J'ai ensuite mis un display: inline; dans la balise table.
Le tableau se positionne bien à droite sous FF et IE mais maintenant
j'ai un bug d'affichage du tableau sous FF. :?
La bordure du tableau n'est plus autour du mais en bas et décentrée.

Est ce que quelqu'un aurait une idée d'où vient le pb ?

Merci
22/03/2008, 14h43
NikoGJ

Un p'tit morceau peut-être serait le bienvenu... ^^

Voici:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
table {
border:2px solid #996600;
border-collapse:collapse;
}
 
th {
font-family: arial, sans-serif;
font-size:9pt;
text-align:left;
border:1px solid #996600;
padding:2px;
}
 
td {
font-family: arial, sans-serif;
font-size:9pt;
border:1px solid #996600;
padding:3px;
text-align:left;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div style="width: 510px; text-align: right;">
<table style="width: 60%; display: inline;">
  <tr>
  <th style="width: 25%;">Titre 1</th>
  <td>contenu...</td>
  </tr>
  <th>Titre 2</th>
  <td>contenu...</td>
  </tr>
  etc...
  </table>
</div>

22/03/2008, 16h26
NikoGJ

Sur le style css de la table:
- enlève le "display:inline"
- rajoute un "margin-left: auto"

chez moi ça marche...
22/03/2008, 17h19
tintin72

Chez moi aussi... :D
Merci beaucoup.