- // 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]–>