[CSS] probleme d'incompatibilité IE/Firefox

**jmjmjm** · 02/09/2006, 18h14

Voila je suis en train de retranscrire plusieur site en CSS et j'en profite pour les améliorer legerement. Mais voila j'ai un bug avec IE (encore un

mais celui la j'arrive pas a trouver d'ou il vient

) plutot que de m'engager dans de longue explication je vous donne un liens :

http://jeremy45190.info/index.html

avec IE lorsdu survol d'un lien ca fait un bug

voila le css :

/***************************************************/
/* MENU GAUCHE */
/***************************************************/

ul#MenuGauche {
margin : 0;
padding : 0;
width:130px;
list-style-type : none;
text-align:center;
color: #333;
}

.Sous-titre {
font:normal 12px Arial, Helvetica, sans-serif;
background-color: #ffeda6;
line-height:18px;
}
.Titre {
font:bold 12px Arial, Helvetica, sans-serif;
background-color: #FC0;
line-height:18px;
}

.Edito {
color: #00F;
font:bold 12px Arial, Helvetica, sans-serif;
}
.Edito span {
color:#333;
font:normal 10px Arial, Helvetica, sans-serif;
}

#MenuGauche a:link {
text-decoration: none;
color: #333;
}

#MenuGauche a:visited {text-decoration: none;}

#MenuGauche a:hover {
font:bold 12px Arial, Helvetica, sans-serif;
color:yellow;
line-height:18px;
display:block;
background-color: #00F;
}

#MenuGauche a:active {
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:red;
background-color: #00F;
line-height:18px;
}

au passage le css est il correct ?? Y a t'il des amélirations a faire ??

MERCI D'AVANCE ET BONNE PROG !!!

**blueice** · 05/09/2006, 09h22

Ta feuille de style est valide, ta page HTML non, tu dois réenregistrer ta page en UTF-8 et déclarer l'encodage en UTF-8 dans la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
<title>Essai de Menu</title>
</head>
	<body>
		<ul id="MenuGauche" class=Sous-Titre>
			<li class=Titre><a href="Accueil.htm">Accueil</a></li>
			<li class="Edito">Edito : <span>Ce site a été réalisé pour vous, cher utilisateur et j'espère qu'il vous donnera entière satisfaction</span></li>
			<li Class=Titre>Le judo en france</li> 
			<li><a href="Histoire du judo.htm">Histoire du judo</a></li>
			<li><a href="Quelque chiffres.htm">Quelque chiffres</a></li>
			<li><a href="Katas.htm">Kata</a></li>
			<li class=Titre>Club</li>
			<li><a href="Mot du président.htm">Mot du président</a></li>
			<li><a href="Organisation.htm">Organisation</a></li>
			<li><a href="Horaires des cours.htm">Horaires des cours</a></li>
			<li><a href="Les Tarifs.htm">Les Tarifs</a></li>
			<li><a href="Agenda compétitions.htm">Agenda compétitions</a></li>
			<li><a href="Le dojo.htm">Le dojo</a></li>
			<li><a href="Boutiques.htm">Boutiques</a></li>
			<li><a href="Evolution du club.htm">Evolution du club</a></li>
			<li class=Titre><a href="Résultats.htm">Résultats</a></li>
			<li class=Titre><a href="Photos.htm">Photos</a></li>
			<li class=Titre><a href="Liens utiles.htm">Liens utiles</a></li>
			<li>&nbsp</li>
			<li class=Titre>Apercu Photos</li>		
		</ul>	
</body>

Ensuite teste et regarde ce que ca donne.

**MasterOfChakhaL** · 05/09/2006, 09h43

la première amélioration qui me saute aux yeux, c'est que tu ne profites pas de toutes les possibilités de css... le c signifie cascaded, ce qui signifie que la plupart des propriétés définies pour une classe ou un id, sont héritables pour les éléments enfants

Si j'ai bien regardé ta page, le fait de définir la police pour ul#MenuGauche te permet de ne pas avoir à le refaire pluseurs fois comme c'est le cas pour l'instant

**jmjmjm** · 05/09/2006, 14h23

Merci pour les messages, j'ai trouvé le probleme. Pour la police je la respecifiait car je passe de gras a normal mais c vrai que je pourrais changer que cette propriete et de ne pas tout reecrir le font :

[CSS] probleme d'incompatibilité IE/Firefox

CSS

Discussions similaires

Partager

Partager