Bon donc j'ai vérifié toutes les options de Firfox je vois vraiment pas vu que tout semble correcte dans sa configuration mais en revanche j'ai remarqué quelque chose de bizarre.
En effet j'ai regardé le source du site et il y'a quelques incohérences. Vu que ça marche chez les autres pourquoi ça me fait ça chez moi ?
Je vous met ce qu'il y'a entre les balises head quand je veut regarder le source par Firefox.
<head>
<title>Trucs:Colorer des scripts shell - Lea Linux</title>
<meta name="KEYWORDS" content="Trucs:Colorer des scripts shell,Trucs Shell" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel='stylesheet' type='text/css' media='print' href='/skins/common/wikiprintable.css' />
<script type="text/javascript" src="/skins/common/wikibits.js"></script>
<script type="text/javascript" src="/skins/LeaLinux/lea-scripts.js"></script>
<style type='text/css'>
@import '/skins/LeaLinux/lea-linux.css';
</style>
<style type='text/css'>
@import '/skins/LeaLinux/lea-layout.css';
</style>
</head>
On voit qu'il y a 3 feuille de style CSS qui sont importée avec link rel et avec @import...
Je cherche la balise ou la classe appliquée sur les zones invisibles... je vous met un extrait du code
<p>Je commence par un exemple, et je détaille un peu après :
</p><p><span class="code">echo -e '\E[32;40m'"\033[1mScript Lancé !\033[0m"; tput sgr0</span>
</p>
Jusqu'ici on constate que l'information est bien présente donc c'est bien un problème de CSS...
J'utilise le plugin WebDeveloper Pour voir le CSS et voilà ce que j'y trouve selon le rapport de WebDeveloper.
Et à l'aide de l'extrait de code ci-dessus je vois qu'il s'agit de la classe code dont voici l'implémentation issue de lea-linux.css. (Un peu partout dans la CSS)
*, .code, .hdr-text, .hdr-text h1, .hdr-text h2, .hdr-text h3, .hdr-text h4, .hdr-text h5, body, h1.pagetitle { color: black; }
...
div.code, p.code, pre.code {
background-color: #ffffee;
border: 1px solid;
margin-bottom: 5px;
margin-left: 1em;
margin-right: 1em;
max-height: 20em;
overflow: auto;
}
...
.code, .key, tt { font-family: fixed; }
...
code, span.code {
background-color: #ffffee;
border: 1px solid;
border-color: #ccccaa;
padding: 1px 2px 1px 2px;
white-space: nowrap;
}
div.code, div.fiche, p.code, pre.code {
margin-top: 5px;
padding: 4px 5px 4px 5px;
text-align: left;
}
Vu comme ça je ne vois pas où peut se trouver l'origine du problème... xD
Étant donné que sous IE ça marche c'est que quelquechose dans firefox fait interférence avec le CSS qui me semble corrècte... xD
Auriez-vous des idées ?
NEKOAITI