affichage incomplet de ma page sous Internet Explorer

**fabrisss** · 12/01/2006, 12h02

sous Internet Explorer, j'ai un problème d'affichage sur cette page composée de blocs DIV paramétrées par une CSS :
mettet.jetrouve.be

lorsque l'on passe la souris sur les onglets, la partie inférieure de la page ne s'affiche pas; quelqu'un aurait-il rencontré ce même problème ?

merci pour ce forum très utile !!!

**ozzmax** · 12/01/2006, 17h08

mmm effectivement très bizar comme bug étant donné que ca fonction sous FF

Alors est ce que ca peux venir de ton évenement onMouseOver..?
tu peux poster un peu de code stp??

**fabrisss** · 13/01/2006, 09h34

je n'utilise pas de Javascript pour le changement de couleur des onglets, uniquement du CSS

voici la structure globale de ma page : titre, colonne de gauche, du milieu et de droite :

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
 
<div class="header">
	<img src="./img/jetrouve-logo-small.gif" alt="jetrouve" border="0">
	<ul class="navlist">
		<li><a href="search.php" id="current">Web</a></li>
		<li><a href="search.php">Friends</a></li>
		...
	</ul>
	<form name="search" action="search.php" method="get">
		...
	</form>
</div>
<div class="left">
	<div class="menu">
		<h1>connexion</h1>
			<form action="" method="post" name="connect">
				...
			</form>
			...
	</div>
</div>
<div class="content">
	<div class="menu">
		<h1>Bienvenue sur mettet.jetrouve.be</h1>
		...
	</div>
</div>
<div class="right">
	<div class="menu">
		<h1>test</h1>
	</div>
</div>

...et une partie de ma feuille de style CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
div.header		{text-align:center;}
div.left 			{float:left; width: 30%;}
div.content	{float:left; width: 50%;}
div.right 		{float:left; width: 15%;}
ul.navlist		{text-align:center; padding: 3px 0; margin-left: 0; border-bottom: 1px solid #425abd; font:bold 10px Verdana, sans-serif;}
ul.navlist li		{list-style: none; margin: 0; display: inline;}
ul.navlist li a	{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #425abd; border-bottom: none; background: #edd100; text-decoration: none; color: white;}
ul.navlist li a:visited {color: #667;}
ul.navlist li a:hover {background: #59bb00;}
ul.navlist li a#current {background: white; border-bottom: 1px solid white; color: #dd2500;}

**fabrisss** · 13/01/2006, 09h55

après quelques tests, j'ai trouvé la cause de l'erreur : c'est en fait ma déclaration DOCTYPE qui provoque ce bug d'affichage dans Internet Explorer

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

en la retirant, tout fonctionne bien !!! ;-)

affichage incomplet de ma page sous Internet Explorer

HTML

Discussions similaires

Partager

Partager