#someElement {
background: red; /* modern browsers */
*background: green; /* IE 7 and below */
_background: yellow; /* IE6 exclusively */
}
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2037"></script>
<?php
$useragent = $_SERVER['HTTP_USER_AGENT'];
if( eregi("(msie) ([6]{1})",
$useragent) )
{print "IE 8.0 -> do something";
}
else
{ }
?>
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1706"></script>
Aucune erreur DOM n'est générée avec cette méthode
// styleFloat, IE
// cssFloat , Safari ou Firefox
// styleFloat and cssFloat, Opera
//assignation
var el = document.getElementById('element_id');
el.style.styleFloat = 'left';
el.style.cssFloat = 'left';
//récupération
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>
if toFixed is not defined
if (!num.toFixed)
{
Number.prototype.toFixed = function(precision) {
var power = Math.pow(10, precision || 0);
return String(Math.round(this * power)/power);
}
}
// OR
Number.prototype.toFixed = function(precision)
{
var num = (Math.round(this*Math.pow(10,precision))).toString();
return num.substring(0,num.length-precision) + "." +
num.substring(num.length-precision, num.length);
}
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1403"></script>
html {
background : url(null) fixed no-repeat;
}
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/766"></script>
Remove the events from the options, use an event directly on the select instead.
function myfunc(value) {
alert(value);
}
...
<select onchange="myfunc(this.options[this.selectedIndex].value)">
</select>
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/761"></script>
it works in IE 5, 6, 7, and 8.
for more info: http://code.google.com/p/ie7-js/
funciona en IE 5, 6, 7 y 8
para mas informacion: http://code.google.com/p/ie7-js/
/*
original: http://code.google.com/p/ie7-js/
*/
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta2)/IE8.js" type="text/javascript"></script>
<![endif]-->
</head>
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/715"></script>
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;
}
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/368"></script>
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.
/* A ajouter entre les balise <head> */
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/367"></script>
// 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]-->
Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/354"></script>