div overflow sous firefox ne fonctionne pas

**ptitpoisson** · 05/08/2007, 01h53

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 :

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

**Auteur** · 05/08/2007, 12h43

bonjour,

enlève les apostrophes ' :

Code html :

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

1
2
 style="overflow:auto; width:'850px';height:'520px"

et ajoute dans la balise style, l'alignement du texte (au lieu d'utiliser l'attribut align

) :

Code html :

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

1
2
 
 style="overflow:auto; width:850px; height:520px; text-align: justify;"

**wonderliza** · 05/08/2007, 12h54

oh nickel merci !!

**Auteur** · 05/08/2007, 13h07

Envoyé par wonderliza

oh nickel merci !!

euh... c'est ptitpoisson qui a posé le problème

**ptitpoisson** · 06/08/2007, 17h09

oui heu je comprend pas... j'ai reçu un mail de notification de réponse, j'ai cliqué dessus, et j'ai posté ma réponse... je suppose que j'avais un autre compte ici mais je ne comprend pas comment c'est possible : il est impossible de créer 2 comptes avec le meme email...

div overflow sous firefox ne fonctionne pas

HTML

Discussions similaires

Partager

Partager