-
// max-width
-
// Ce code dit que si la largeur du document est supérieure à 1000px, alors il sera forcé à 1000px, sinon il restera à “auto”. Si javascript est désactivé alors la largeur sera de 770px;
-
<!–[if lt IE 7]>
-
<style type=“text/css”>
-
div {
-
width:770px;
-
width:expression(document.body.clientWidth >= 1000? “1000px”: “auto” );
-
}
-
</style>
-
<![endif]–>
-
-
// min-width
-
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y a donc une apparition des barres d’ascenseur horizontales au seuil de 600px). Si JavaScript n’est pas actif, alors la largeur est fixée à 770px.
-
<!–[if lt IE 7]>
-
<style type=“text/css”>
-
div {
-
width:770px;
-
width:expression(document.body.clientWidth <= 600? “600px”: “auto” );
-
}
-
</style>
-
<![endif]–>
-
-
// min-width et max-width en meme temps
-
<!–[if lt IE 7]>
-
<style type=“text/css”>
-
div {
-
width:770px;
-
width: expression(document.body.clientWidth <= 600? “600px” : document.body.clientWidth >= 1000? “1000px” : “auto”);
-
}
-
</style>
-
<![endif]–>
-
-
// max-height
-
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y’a donc une apparition des barres d’ascenseur horizontales au seuil de 600px).
-
<!–[if lt IE 7]>
-
<style type=“text/css”>
-
div {
-
height: 500px;
-
overflow:hidden;
-
height:expression(
-
this.scrollHeight > 800? “800px” : “auto” );
-
}
-
</style>
-
<![endif]–>