border-top sous IE non fonctionnel ?

**italiasky** · 03/02/2007, 09h45

Bonjour,

Je me suis fait un menu dans les normes mais j'ai un problème d'affichage sous IE.
Quand je passe sur un lien, la bordure du haut doit se coloré mais rien ne se passe sous IE alors que ca fonctionne sous Firefox...

Quelqu'un peut regarder mon code ? Il y a peut etre une petite modification à faire, je suis un débutant en CSS.

Merci
Bonne journée

Voici un lien de test pour voir (ouvrez avec IE et Firefox pour voir ou se situe le probleme) :

http://www.webmaster-labs.com/test/

source CSS

Code CSS :

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
*{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #999999;
}
 
div#menu ul
{
	list-style-type: none;
    margin: 0;
	min-width: 800px;
} 
 
div#menu li
{
	float: right;
	padding: 0 50px 0 0;
	letter-spacing: 1.3px;
	text-align: center;
}
 
div#menu a:link, a:visited, a:active
{
	color: #999999;
	text-decoration: none;
}
 
div#menu a:hover
{
	border-top: 3px #006dba solid;
}

source XHTML

Code HTML :

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
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<title>Mon Titre</title>
  	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  	<link rel="stylesheet" media="screen" type="text/css" href="style.css" title="MonSite" />
</head>
<body>
<p>&nbsp;</p>
<div id="menu">
   		<ul>
			<li>
				<a href="#">Titre 1</a>
			</li>
			<li>
				<a href="#">encore un titre</a>
			</li>
			<li>
				<a href="#">Titre 2</a>
			</li>
			<li>
				<a href="#">Contacter</a>
			</li>
	   </ul>
</div>
</body>
</html>

**Dan_A** · 03/02/2007, 10h47

Et avec
#menu ul li a{position:relative;}

**italiasky** · 03/02/2007, 11h30

ouuuh c'est magique ! lol ! ca marche, merci

Une petite explication ?

Merci
++

**Dan_A** · 03/02/2007, 12h08

Dans ce cas précis (pas d'image de fond, pas de position:absolute...) IE 5.5+ n'applique ni padding (ie 7) ni border sans position:relative.
Par ailleurs, il faudrait enlever le prologue xml afin d'utiliser le mode Standards Compliant et éviter d'autres problèmes avec la famille Internet Explorer.
Attention à l'ordre des déclarations pour les ancres.

border-top sous IE non fonctionnel ?

CSS

Discussions similaires

Partager

Partager