Discussion :

[tintin72]

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

[NikoGJ]

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

[tintin72]

Voici:

Code :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[NikoGJ]

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

chez moi ça marche...

[tintin72]

Chez moi aussi...
Merci beaucoup.