Page 1 sur 1

Différence FF et IE

Publié : 05 sept. 2004, 12:05
par Express
Bonjour tous ;-)
J'ai un prob de compatibilité entre IE et FF, sur ce lien,http://perso.club-internet.fr/savidan.c ... ilCSS.html
Le menu n'est pas dutout au meme endroit,qqun pe t-il m'aider a resoudre ce probleme :?: ,merci :cry:

Publié : 05 sept. 2004, 12:22
par calimo
Oulah !
Mélange détonnant entre CSS, JavaScript et propriétés -moz... des problèmes assurés si tu veux mon avis !

Déjà je présume que tu travaille en haute résolution (genre 1280x1024), installe WebDeveloper si ce n'est pas fait et essaye de redimentionner :?

Ensuite tu mets

Code : Tout sélectionner

#menu { width: 10em;
    position: fixed;
    }
IE n'aime pas la position fixe et passe en relative je crois.
En plus plus haut tu as un #menu {position:absolute} donc je présume que tu t'est planté dans ton hack ;-)

[id="menu"] ou body>#menu comme sélecteur pour la position fixe seront beaucoup plus efficaces ;-)

Publié : 05 sept. 2004, 12:28
par jv2759
J'ai trouver une solution :

http://perso.club-internet.fr/v_pascal/ ... _fixed.htm

Tu remplace tout tes #menu par :

Code : Tout sélectionner

		#menu {
	
	
	position: fixed;
	_position: absolute;
	top: 0px;
	top: expression(body.scrollTop + 0 + "px");
	left: 80%;
	width: 10em;
	}
Par contre je suis pas sur que cela passe le w3c, il ne faut pas tout demander de marcher avec ie et être corecte...

Ie ne comprend pas fixe, c'est trop compliquer pour lui, par contre inventer des expretion à la con dans du css il comprend...

Publié : 05 sept. 2004, 12:34
par Express
Pour la validation je part deja perdant car club-internet me rajoute le javascript se trouvant en dernier et j'ai deja testé,a priori il est bourré de faute ....... :roll: :roll: :roll:

Publié : 05 sept. 2004, 14:01
par calimo
Justement, la solution avec un des deux hacks que j'ai cités est valide CSS, et IE ignore simplement les propriétés découlant de ces sélecteurs.

Essaye simplement ça :

Code : Tout sélectionner

#menu {
	position: absolute;
	top: 0pt;
	left: 0pt;
	margin-left: 80%;
}
body>#menu {
	width: 10em;
	position: fixed;
}