Bonjour,
je ne peux pas tout vérifier, mais je pense que cela fonctionnera :
Remplacer cela :
- Code:
-
ul#menu li a:hover
{
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 0 ;
}
ul#menu li.current
{
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 0 ;
}
par cela :
- Code:
-
ul#menu li a:hover, ul#menu li.current a
{
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 0 ;
}
Puis, c'est quoi ce
- Code:
-
clear: les deux;
dans p#footer (feuille de style) ?
Je pense qu'il ne faut pas fixer la largeur maximale du site à 1024px mais plutôt la laisser à largeur adaptable en fonction de l'écran de l'utilisateur :
- Code:
-
div#conteneur
{
width: 100%;
margin: 0 auto;
border: 1px solid #FFCC00;
background: #fff;
height: 800px;
}
je n'ai pas tout corrigé car je pense qu'il faut y aller petit à petit. Je pense qu'il faudrait mieux que vous configuriez les CSS en CSS2 pur avec Firefox et qu'ensuite vous ajoutiez des hacks pour que cela s'adapte à MSIE (c'est comme cela qu'on fait normalement).
Vous souhaitez également obtenir un squelette vraiment différent du squelette de base de BioSPIP et cela vous demandera beaucoup de modifications et d'apprentissage des CSS. A votre place, j'aurais plutôt choisi directement un squelette plus proche de mes attentes.