Apparence différente de menu sous FF et IE [Résolu]

GYK · 06/04/2011, 14h36

Bonjour,

J'ai un script js avec un menu qui suit le scrollbar.

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript" src="Onglets_div.js"></script>
 
</head>
<body>
<div id="DIV_MOVE">
  <div id="SUIVEUR"></div>
  <?php include "Onglets.php" ?>
</div>

Code :

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

#menu {position:relative; z-index:500; margin-left:10px;}

Sous FF il se positionne bien dans la position définie, mais sous IE il est en plein milieu de la page sur mon affichage
D'ou peut bien venir le problème?
Merci

SpaceFrog · 06/04/2011, 14h39

ben là y'a pas de id menu

GYK · 06/04/2011, 14h52

Bonjour SpaceFrog,

Citation:

Envoyé par SpaceFrog

ben là y'a pas de id menu

Qu'entend tu par id menu ?
Je te met un peu plus de code de mon menu:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> Ongles pronos_basket</title>
<meta name="Author" content="Stu Nicholls" />
<meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, menu, vertical, flyout, multi, line, cross, browser" />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
<meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
<meta http-equiv="imagetoolbar" content="no" />
 
<link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />
 
<style type="text/css">
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu {position:relative; z-index:500; margin-left:10px;}
#menu ul {padding:0; margin:0; list-style:none; width:110px; padding:3px; background:#ff0000;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:110px; background:#ff0000;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:95px; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#060303; text-decoration:none; background:#ffffff; border:1px solid #ff0000; border-color:#ffffff #ff0000 #ff0000 #ffffff; clear:left;}
#menu ul li a.fly {background:#ff0000 url(multi-line/arrow.gif) no-repeat 100px center; }
 
#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#ff0000; color:#fff; border-color:#ff0000; position:relative; }
#menu ul li:hover > a {background:#ff0000; color:#fff; border-color:#ffffff; }
 
#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:112px; top:-5px;}
 
#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}
 
</style>
<!--[if lte IE 7]>
<style type="text/css">
#menu ul li {float:left;}
</style>
<![endif]-->
 
</head>
 
<body>
 
 
<div id="menu">
.
.
.
</div>

Et la il y a id="menu"
Est-ce ça ?

nadox · 06/04/2011, 18h42

Bonjour,
C'est plutôt un problème CSS semble-t-il ?

Je crois que IE n'aime pas trop les éléments positionnés sans position.
Essaye donc d'ajouter un top et left à ton menu...(même à 0).

GYK · 06/04/2011, 19h09

Bonjour nadox,

C'est un peu du chinois pour moi !

Dans le menu j'ai une ligne:

Code :

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

#menu {position:relative; z-index:500; margin-left:10px;}

C'est celle-ci qu'il faut modifier ?

nadox · 06/04/2011, 19h32

oui,

Code css :

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

1
2
 
#menu {position:relative; z-index:500; margin-left:10px;top:0;left:0;}

Ce n'est qu'une proposition, je ne suis pas sûr de comprendre le rendu que tu es sensé avoir...

C'est possible d'avoir la page complète (sources HTML/CSS/JS, pas PHP) où un exemple utilisable pour tester ?

GYK · 06/04/2011, 20h01

En fait j'ai un menu à onglet vertical positionné à gauche de la page et qui suit le scrollbar quand je descend la page.

Or sous IE il est au milieu et par dessus l'affichage de ma page.
Pour le source pas facile, quand je clique sur affichage source je n'ai rien.

06/04/2011, 14h39	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ben là y'a pas de id menu __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

06/04/2011, 18h42	#4
nadox Membre expérimenté Développeur Inscription : février 2010 Messages : 360 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Développeur Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : février 2010 Messages : 360 Points : 545 Points : 545	Bonjour, C'est plutôt un problème CSS semble-t-il ? Je crois que IE n'aime pas trop les éléments positionnés sans position. Essaye donc d'ajouter un top et left à ton menu...(même à 0).
	00

06/04/2011, 19h09	#5
GYK Membre du Club Inscription : mai 2004 Messages : 317 Détails du profil Informations forums : Inscription : mai 2004 Messages : 317 Points : 44 Points : 44	Bonjour nadox, C'est un peu du chinois pour moi ! Dans le menu j'ai une ligne: Code : Sélectionner tout - Visualiser dans une fenêtre à part #menu {position:relative; z-index:500; margin-left:10px;} C'est celle-ci qu'il faut modifier ?
	00

06/04/2011, 20h01	#7
GYK Membre du Club Inscription : mai 2004 Messages : 317 Détails du profil Informations forums : Inscription : mai 2004 Messages : 317 Points : 44 Points : 44	En fait j'ai un menu à onglet vertical positionné à gauche de la page et qui suit le scrollbar quand je descend la page. Or sous IE il est au milieu et par dessus l'affichage de ma page. Pour le source pas facile, quand je clique sur affichage source je n'ai rien.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email