Discussion :

[Alexdezark]

bonjour à tous,

J'ai un problème d'overflow sous IE, (pas sous FF) la propriété max-width n'est pas prise en compte et ma div occupe toute la place dont elle a besoin.

voici le code généré :

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
 
<div align="left" id="divTitre" class="titrePage" style="background-color:#619BFC">
Carnet de courses&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select id="choixMois" onchange="moisCourse()" >
<option value="2009-10-01">Octobre 2009</option>
<option value="2009-09-01">Septembre 2009</option>
</select>
</div>
 
<div id="divContenu" style="padding:10px;margin:0px;font-size:11px">
<div style="background-color:#CCCCCC; padding:5px">Mis en ligne le : 27-10-2009&nbsp; par : Alexandre<br/>&nbsp;<br/>
<b>Mont Pourri</b><br/>&nbsp;<br/>Second sommet en altitude de la Vanoise, l'ascension du Mont Pourri au départ d'Arc 2000 est une course glaciaire très variée. Vous gravirez le glacier du Grand Col, le glacier du Geay avant de terminer par une belle arête neigeuse.(Accessible à partir de 15 ans).
<br>&nbsp;<br/>
<div width="650" style="overflow:auto; max-width:650px; padding:4px">
<table width="650" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="cursor:pointer" onclick="afficheImage(1,'01.jpg');" onmouseover="Tip('<div style=&quot;padding:5px&quot;>ok</div>', WIDTH, 220);" onmouseout="UnTip();">
<img src="../../images/carnet/1/mini/01.jpg" style="margin-left:15px" /></td>
<td style="cursor:pointer" onclick="afficheImage(1,'02.jpg');" onmouseover="Tip('<div style=&quot;padding:5px&quot;>ok</div>', WIDTH, 220);" onmouseout="UnTip();">
<img src="../../images/carnet/1/mini/02.jpg" style="margin-left:15px" /></td>
<td style="cursor:pointer" onclick="afficheImage(1,'03.jpg');" onmouseover="Tip('<div style=&quot;padding:5px&quot;><br/>&nbsp;<br/>cliquez sur l\'image pour l\'agrandir</div>', WIDTH, 220);" onmouseout="UnTip();">
<img src="../../images/carnet/1/mini/03.jpg" style="margin-left:15px" /></td>
<td style="cursor:pointer" onclick="afficheImage(1,'04.jpg');" onmouseover="Tip('<div style=&quot;padding:5px&quot;><br/>&nbsp;<br/>cliquez sur l\'image pour l\'agrandir</div>', WIDTH, 220);" onmouseout="UnTip();">
<img src="../../images/carnet/1/mini/04.jpg" style="margin-left:15px" /></td>
<td style="cursor:pointer" onclick="afficheImage(1,'05.jpg');" onmouseover="Tip('<div style=&quot;padding:5px&quot;><br/>&nbsp;<br/>cliquez sur l\'image pour l\'agrandir</div>', WIDTH, 220);" onmouseout="UnTip();">
<img src="../../images/carnet/1/mini/05.jpg" style="margin-left:15px" />
</td>
</tr>
</table>
</div><br/>
</div><br/>
</div>

Vous pouvez voir le problème sous IE et pas sous FF à l'adresse suivante :

aravis.lesalpes.org/divers/courses-guides-aravis.php

Sans doute quelque chose que j'ai oublié... c'est pourquoi un regard nouveau sur ce bout de code pourra m'être d'un grand secours

Merci d'avance pour vos réponses

[Alexdezark]

Bon apparemment pour fonctionner sous IE ceci

Code :

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

<div width="650" style="overflow:auto; max-width:650px; padding:4px">

Doit être remplacé par cela :

Code :

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

<div style=" width:650px; overflow:auto; max-width:650px; padding:4px">

[Macmillenium]

J'ai un problème d'overflow sous IE, (pas sous FF) la propriété max-width n'est pas prise en compte et ma div occupe toute la place dont elle a besoin.

Oui, la propriété max-width n'est pas implémentée sous IE6-, tu peux émuler le comportement à l'aide de JavaScript.