View

Hacks CSS pour min-width, max-width, min-height, max-height pour IE

  1. // max-width
  2. // 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;
  3. <!–[if lt IE 7]>
  4. <style type=“text/css”>
  5. div {
  6. width:770px;
  7. width:expression(document.body.clientWidth >= 1000? “1000px”: “auto” );
  8. }
  9. </style>
  10. <![endif]–>
  11. // min-width
  12. // 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.
  13. <!–[if lt IE 7]>
  14. <style type=“text/css”>
  15. div {
  16. width:770px;
  17. width:expression(document.body.clientWidth <= 600? “600px”: “auto” );
  18. }
  19. </style>
  20. <![endif]–>
  21. // min-width et max-width en meme temps
  22. <!–[if lt IE 7]>
  23. <style type=“text/css”>
  24. div {
  25. width:770px;
  26. width: expression(document.body.clientWidth <= 600? “600px” : document.body.clientWidth >= 1000? “1000px” : “auto”);
  27. }
  28. </style>
  29. <![endif]–>
  30. // max-height
  31. // 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).
  32. <!–[if lt IE 7]>
  33. <style type=“text/css”>
  34. div {
  35. height: 500px;
  36. overflow:hidden;
  37. height:expression(
  38. this.scrollHeight > 800? “800px” : “auto” );
  39. }
  40. </style>
  41. <![endif]–>

You may also like