Apparence différente sous FF et IE

Fermé
GYK Messages postés 142 Date d'inscription jeudi 2 janvier 2003 Statut Membre Dernière intervention 6 avril 2011 - 6 avril 2011 à 19:11
bg62 Messages postés 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025 - 7 avril 2011 à 11:41
Bonjour,

J'ai un script js avec un menu qui suit le scrollbar.
[CODE]<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]
Je met un peu de code de mon menu:
[code]
<!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>
[/code]

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



2 réponses

Du css qui n'est pas interprété de même façon par IE et FF.
Perso je bosses en transitional et j'utilises la balise <center> pour ce genre de gag d'IE. Sinon tu vas devoir reprendre tout tes positionnements pour voir leqquel pose problème et essayer de trouver un position intermédiaire(pas ce que tu voudrait vraiment mais quelque chose d'intermédiaire entre les affichages d'IE et FF).
0
bg62 Messages postés 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025 2 392
7 avril 2011 à 11:41
sous quelle version de IE ???
0