Tags: ie,css

Sort by: Date / Title /

  1. 9 years ago by spirit
    1. #someElement { 
    2.   background: red; /* modern browsers */ 
    3.   *background: green; /* IE 7 and below */ 
    4.   _background: yellow; /* IE6 exclusively */ 
    5. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2037"></script>
  2. 10 years ago by spirit
    Aucune erreur DOM n'est générée avec cette méthode
    1. // styleFloat, IE
    2. // cssFloat , Safari ou Firefox
    3. // styleFloat and cssFloat,  Opera
    4.  
    5. //assignation 
    6. var el = document.getElementById('element_id');
    7. el.style.styleFloat = 'left';
    8. el.style.cssFloat = 'left';
    9. //récupération
    10. var elFloat = (typeof el.style.cssFloat === 'string') ? el.style.cssFloat : el.style.styleFloat;
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1420"></script>
  3. 11 years ago by spirit
    1. html {
    2.   background : url(null) fixed no-repeat;
    3. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/766"></script>
  4. sponsorised links
  5. 11 years ago by moifort and saved by 4 others
    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
    1. /* A modifier dans la page CSS*/
    2. /* A la place de :*/
    3. background-image: url("image.png");
    4.  
    5. /* remplacer par :*/
    6. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='image.png');
    7. background-image: none;
    8.  
    9. /* !ATTENTION! Probleme sur les liens, pour resoudre ajouter: */
    10.  
    11. a, input
    12. {
    13. position: relative;
    14. z-index: 1;
    15. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/368"></script>
  6. 11 years ago by moifort and saved by 3 others
    Pour telecharger la piece "pngfix.js" aller sur le site: http://catinon.info/blog/2006/01/24/3-le-point-sur-les-png-transparent-sous-ie6.
    1. /* A ajouter entre les balise <head> */
    2. <!--[if lt IE 7]>
    3. <script defer type="text/javascript" src="pngfix.js"></script>
    4. <![endif]-->
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/367"></script>
  7. 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 (6 posteets)