Je viens de trouver un comportement bizarre à FF alors que je cherchais a faire un site qui s'affiche correctement a la fois sur un PC et sur un PDA. Pour cela je veux faire 2 fichiers CSS et spécifier dans la balise link qui doit utiliser quoi (voir exemple ci dessous):
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test PDA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="style_pda.css" media="handheld" title="style_pda" />
<link type="text/css" rel="stylesheet" href="style.css" media="screen" title="style" />
</head>
<body>
<div id="gauche">test that</div><div id="droite">YAIS!!</div>
</body>
</html>Et le CSS du PDA:#gauche {
float: left;
border:1px solid #ff0000;
font-weight:bold
}
#droite {
border: 1px solid #0000ff;
font-weight:bold
}
Un autre problème survient, c'est la gestion du CSS par les browsers de PDA. IE lui dans le meilleur des cas fait un mix des 2 CSS et dans le pire il en tient pas compte. Minimo lui ne tient compte d'aucun CSS. Enfin Opera lui fonctionne correctement a condition que le 1er CSS specifier soit celui du PDA.#gauche {
border:1px solid #00ff00;
}
#droite {
border: 1px solid #00ff00;
}
Voila pourquoi dans mon code le link vers le CSS PDA est en 1er. Avec cela ca marche correctement sur IE PC par contre FF lui ne charge aucun CSS...??
Bug de FF, bug dans mon code?
a votre avis!! Merci
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
