Version imprimable
sans doute un classique mais j'avoue bloquer ...
sous IE le div contenu est à droite..;Code:<div style="text-align:right;width:300px;width:100%"><div style="width:50px;background-color:red"> </div></div>
sous FFX à gauche ...
comment on harmonise ?
Salut SF :)
Je me suis aussi battu avec cela, et j'ai obtenu de bons résultats avec la propriété CSS float, ce qui a rendu mes divs bien positionnés sous différents navigateurs.
Peut-être que celà va t'aider..
A+
Tu as aussi deux fois "width" dans le div conteneur.
Comme le dit KiLVaiDeN, il faudra utiliser les float pour mettre ton div contenu à droite.
Là, je pense que seul le texte, même dans le div contenu est à droite.
j'ai eu le même genre de soucis et des soucis avec float aussi (mais c'était peut être un cas particulier). Du coup j'ai fini par utiliser une méthode un peu crade : un tableau :?
Il me semble que text-align n'agit que sur les éléments inline.
Ton div étant un block il ne s'aligne pas à droite, tu peux essayer en rajoutant display:inline sur ton div contenu.
Mouaip c'est pas gagné ...
en fait cela concerne un script que j'essaye de mettre au point pour faire des tableaux à coins arrondis ...
il tourne bien sous IE mais pas sous FFX à cause justement à cause de ce problème d'alignement ...
J'ai tenté le float mais sans grand succès ...
le souci est que les coins de gauche sont alignés du mauvais coté ...
je vous livre le code:
Code:
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
c'était aussi sur un problème de <div> arrondis que j'ai galéré. Je n'ai malheureusement rien trouvé qui fonctionne sous FF et c'est pour ca que j'ai fini par utiliser un tableau avec des images. Donc si quelqu'un trouve une solution ca m'interresse aussi.
Si tu peux, tu pourrais mettre un dir="rtl" dans les cellules représentant tes coins arrondis.
J'y avais bien pensé mais j'avais peur que ce ne sois pas crossbrowser ...
Mais après essai il s'avère que c'est bein la solution !
Merci Niuognip :D
Code:
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170