Salut, j'ai une page html avec le HEAD suivant :
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
- <head>
- <meta name="GENERATOR" content="Microsoft Visual Studio 6.0" />
- <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
- <link rel="stylesheet" type="text/css" href="/web_interclass/CSS/interclass.css" title="TOCStyle" media="all" />
- <link rel="stylesheet" type="text/css" href="/web_interclass/include/inc_nav_style.asp" title="MenuStyle" media="all" />
- <script type="text/javascript" src="/web_interclass/include/inc_nav_js.asp"></script>
- <script type="text/javascript" src="/web_interclass/include/global_js.asp"></script>
- <style type="text/css" media="all">
- .tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:270px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}
- /*
- A:link {color:"blue";text-decoration:none;FONT-SIZE: 12px;FONT-FAMILY: Arial;}
- A:visited {color:"blue";text-decoration:none;FONT-SIZE: 12px;FONT-FAMILY: Arial;}
- A:hover {color:"red";text-decoration:underline;FONT-SIZE: 12px;FONT-FAMILY: Arial;}
- .econocomlogo{FONT-SIZE: 18px;COLOR: #6482BE;FONT-FAMILY: 'Tahoma'}
- */
- /*P {margin:0;padding:0;}*/
- /*
- TH{FONT-WEIGHT: 100;FONT-SIZE: 14px;FONT-FAMILY: Arial}
- TD{font-size: 12px;}
- TABLE{BORDER-RIGHT: #b9cff6 1px;BORDER-TOP: #b9cff6 1px;BORDER-LEFT: #b9cff6 1px;BORDER-BOTTOM: #b9cff6 1px}
- */
- </style>
- <title>InterCLASS</title>
- </head>
|
Ca bloque là dessus :
Code :
- <link rel="stylesheet" type="text/css" href="/web_interclass/CSS/interclass.css" title="TOCStyle" media="all" />
- <link rel="stylesheet" type="text/css" href="/web_interclass/include/inc_nav_style.asp" title="MenuStyle" media="all" />
|
Sous IE, les deux feuilles sont chargées et correctement rendues.
Par contre, sous FF, que néni, seule la première feuille est prise en compte.
Après vérifications grace au validateur W3C et des messages d'erreur initiaux dans FF, j'ai :
-> Corrigé le content-type de ma CSS générée par l'ASP afin de bien renvoyer du "text/css"
-> Corrigé à la fois l'ensemble de la page XHTML pour être valide XHTML 1.0 Strict
-> Corrigé mes deux feuilles de style afin d'être valide
Et pourtant, ça ne marche pas !
FF serait-il incapable de charger deux CSS différentes pour le même média ?
Je ne pense pas avoir de doublon dans mes noms de classes entre les deux feuilles. De toute façon, normalement c'est valide de déclarer un style en deux fois...
Alors qu'est-ce qui cloche ???