DIV délimité dans un DIV "scrollable"

Bonjour,

Tout est dans le titre mais c'est pas claire, je précise :

J'aimerai créer un cadre div qui soit limité visuellement par ex : 300px * 300px, mais qu'il soit aussi scrollable et qu'avec ces scrolls, le cadre au total fasse 800px * 400px...

J'ai essayer ceci :

Code:

---

1 2 3 4 5

<div style="border:1px solid #0FD4F8; overflow:auto; max-width:300px; max-height:300px;"> <div id="id_div_zone" style="border:1px dotted #0FD4F8; width:800px; height:400px; background-color:red;"> </div> </div>

---

Ca à l'aire de marcher sous FF mais pas du tout sous IE (:furax:)...

Quelqu'un aurai une idée?

D'avance merci

Sous quelle version d'IE test tu ?

IE6 ne reconnait pas les propriétés max-width.

Pour cela, tu dois passer par des solutions de ce style :

Code:

---

1 2 3 4 5 6 7 8

<!--[if lt IE 7]> <style type="text/css"> div { width:expression(document.body.clientWidth >= 302? "300px": "auto" ); } </style> <![endif]-->

---

Les valeurs sont différentes (302px et non 300px) en raison d'un bug d'IE6 qui freeze (écran figé) si les valeurs sont identiques : "If you're using IE 6 and you drag the window pane to resize, it freezes.".