Hello,
j'ai un grand problème avec IE: dans le soucis de créer un site agréable je me suis décidée (comme suggéré dans le livre CSS2) de créer un site extensible. Cela marche à merveille avec FF, en utilisant entre autre les fonctions min/max-width.
J'ai essayé de faire le tout IE-compatible avec l'astuce des commentaires conditionnels présenté sur ce site (sous: faire un site pour toutes les résolutions). Voici mon code:
<head>
<title>Traductions dans le domaine de la montagne - facesud.ch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Valérie Herzig" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://facesud.ch/styles/styles.css" />
<!-- [if lt IE 7]>
<style type="text/css">
div {
width: 770px;
width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 1002? "1000px" : "auto");
}
</style>
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://facesud.ch/styles/stylesfixe.css" />
<![endif]-->
</head>
Est-ce que quelqu'un a une idée pourquoi ça ne marche pas?
Les feuilles de styles se trouve sur: http://www.facesud.ch/styles/styles.css
La page en question est (que cette page fonctionne): http://traductions.facesud.ch
Un grand merci d'avance pour votre aide!
Modifié par MlleCassis (16 May 2007 - 09:07)
j'ai un grand problème avec IE: dans le soucis de créer un site agréable je me suis décidée (comme suggéré dans le livre CSS2) de créer un site extensible. Cela marche à merveille avec FF, en utilisant entre autre les fonctions min/max-width.
J'ai essayé de faire le tout IE-compatible avec l'astuce des commentaires conditionnels présenté sur ce site (sous: faire un site pour toutes les résolutions). Voici mon code:
<head>
<title>Traductions dans le domaine de la montagne - facesud.ch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Valérie Herzig" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://facesud.ch/styles/styles.css" />
<!-- [if lt IE 7]>
<style type="text/css">
div {
width: 770px;
width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 1002? "1000px" : "auto");
}
</style>
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://facesud.ch/styles/stylesfixe.css" />
<![endif]-->
</head>
Est-ce que quelqu'un a une idée pourquoi ça ne marche pas?
Les feuilles de styles se trouve sur: http://www.facesud.ch/styles/styles.css
La page en question est (que cette page fonctionne): http://traductions.facesud.ch
Un grand merci d'avance pour votre aide!
Modifié par MlleCassis (16 May 2007 - 09:07)