// 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]-->
Pour de plus d'information allez sur le site : http://catinon.info/blog/2006/01/24/3-le-point-sur-les-png-transparent-sous-ie6
/* A modifier dans la page CSS*/
/* A la place de :*/
background-image: url("image.png");
/* remplacer par :*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='image.png');
background-image: none;
/* !ATTENTION! Probleme sur les liens, pour resoudre ajouter: */
a, input
{
position: relative;
z-index: 1;
}
