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

You may also like