Discussion :

[benthebest]

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 :

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

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 ()...

Quelqu'un aurai une idée?

D'avance merci

[pop_up]

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 :

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

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