Aligner à droite un tableau contenu dans un div

**yoyo2009** · 14/05/2009, 18h11

bonjour,

j'ai le code suivant :

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
<html>
	<head>
		<title>Titre</title>
		<style>
                div{
                        width:300px;
                        height:100px;
                        border-style:solid;
                        text-align:-moz-right;
                        !text-align:right;
                }
                table{
                        border-style:solid;
                }
                </style>
	</head>
	<body>
		<div>
			<table>
				<tr>
					<td>Contenu</td>
				</tr>
			</table>
		</div>
	</body>
</html>

j'ai un DIV avec bord qui contient une TABLE avec bord et un contenu textuel ;
je souhaite que la table soit alignée à droite du div ;

- cela fonctionne avec IE (!text-align:right

- avec FF (text-align:-moz-right

comment faire avec Google Chrome ?

j'ai bien conscience que text-align n'est pas valable ;
quel workaround possible sachant que je veux conserver l'élément TABLE dans le div.

merci bcp pour votre aide !

**devyan** · 14/05/2009, 18h25

Salut,

Avec par exemple :

Code :

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

1
2
3
4
5
6
7
8
 
div{
  position:relative;
} 
table{
  position:absolute;
  right:0;
}

Cela devrait fonctionner.

**yoyo2009** · 14/05/2009, 18h38

merci.

entre temps, j'ai mis un float:right dans table{} et ça fonctionne bien

Aligner à droite un tableau contenu dans un div

Positionnement en CSS

Discussions similaires

Partager

Partager