Tags: ie,hacks,max-width

Sort by: Date / Title /

  1. 11 years ago by spirit and saved by 2 others
    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.  
    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]-->
    22.  
    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]-->
    32.  
    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]-->
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/354"></script>

First / Previous / Next / Last / Page 1 of 1 (1 posteets)