div overflow sous firefox ne fonctionne pas
bonjour
j'ai une div contenue dans un tableau. dans cette div il peut y avoir bcp de texte (ou pas). le soucis c'est que si la div scroll bien sous IE, sous firefox ca casse ma table et déborde.
avez-vous une idée de l'origine du problème ?
merci d'avance
Code:
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
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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>blabla</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body bgcolor="#5e5e5e" style='font-size:10pt ;font-family :Verdana ;Color :#ffffff' scroll="no">
<br>
<div align="center">
<table style="width: 1017px;height: 720" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="3"><img src="img/top.gif"></td>
</tr>
<tr>
<td valign="top" width="14" bgcolor="#c7c7c7"><img src="img/left.gif"></td>
<td width="948px" align="left" valign="top" bgcolor="#c7c7c7">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td width="440"><a href="index.html"><img src="img/logo.jpg" border="0" alt="bbbb"></a></td>
<td width="138"><a href="galeries.html"><img src="img/portefolio-off.jpg" border="0" onmouseover="this.src='img/portefolio-on.jpg'; this.style.cursor='hand'" onmouseout="this.src='img/portefolio-off.jpg'; this.style.cursor='default'"></a></td>
<td width="122"><a href="wanted.html"><img src="img/wanted-off.jpg" border="0" onmouseover="this.src='img/wanted-on.jpg'; this.style.cursor='hand'" onmouseout="this.src='img/wanted-off.jpg'; this.style.cursor='default'"></a></td>
<td width="122"><a href="liens.html"><img src="img/liens-on.jpg" border="0" onmouseover="this.src='img/liens-on.jpg'; this.style.cursor='hand'" onmouseout="this.src='img/liens-off.jpg'; this.style.cursor='default'"></a></td>
<td align="right" width="155"><a href="about.html"><img border="0" alt="A propos" src="img/who-off.jpg" onmouseover="this.src='img/who-on.jpg'" onmouseout="this.src='img/who-off.jpg'"></a></td></tr>
<tr>
<td height="590" colspan="5" valign="top" align="left">
<!-- centre -->
<br>
<table border="0" cellpadding="10" cellspacing="10">
<tr>
<td width="10"></td>
<td valign="top"><font size="2px">
<div align="justify" style="overflow:auto; width:'850px';height:'520px" id="divInterneScroll" >
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
blablabla bla bla bla <br>
</div>
</td>
</tr>
</table>
</div>
</td>
</td></tr>
</table>
</td>
<td align="right" valign="top" width="27" bgcolor="#c7c7c7"><img src="img/right.gif"></td>
</tr>
<tr>
<td colspan="3"><img src="img/bottom.gif"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html> |
