Forum Clubic

Feuille CSS erreur presentation sous IE 7

Bonjour,

Désolé de poser une question qui peut etre hyper c**** ! Alors voilà, j’ai fait une feuille CSS pour un menu vertical deroulant (exemple: un peu dans ce style : css.alsacreations.com…) mais uniquement en CSS pas de javascript !

Le soucis, c’est que je me suis basé sous Firefox pour la réaliser, et elle s’affiche niquel ! Mais IE 7 n’en fait qu’à sa tête et ne veut pas l’afficher normalement ! :’(

Donc je me pose une question : Comment regler le soucis ?

Deuxieme question : Dois-je faire une autre Feuille CSS et regardé si c’est IE ou un autre et le router sur le bon feuillet ?

Help me je suis perdu là !

Ps : Je suis un noob qui apprend, lentement mais surement, alors merci de votre compréhension . Si ma question vous parait inutile n’y repondait pas !

Cordialement,
Fabrice.

Edit: Oups j’ai mis aucun code xD ! Bon ba je vais juste dire que j’ai trouvé le probleme, c’est le :hover du CSS que mon IE7 ne gere pas bien, il prend en compte l’ecriture et non le Bouton en lui meme ! Mince alors !

Quelqu’un sait comment l’appliquer a une “case” en utilisant que le CSS pas d’autre langage svp !

Merci d’avance
Edité le 26/12/2007 à 14:05

Bon voilà mon code ^^ !

Désolé j’aurais du le mettre dans le premier poste ^^’ !

[HTML]

[CSS]

/* CSS Document /
/
/
/
Menu Vertical Déroulant /
/
/
/
Creation de la Div Menu /
#casemenu {
float:left;
margin-left:-40px;
}
/
Fin Creation de la Div Menu /
/
/
/
Debut Creation Menu SANS Puce /
#Menu {
width:200px;
text-align:center;
list-style-type:none;
}
/
Fin Creation Menu SANS Puce /
/
/
/
Debut Creation Menu Vertical /
#Menu li {
width:150px;
/
Debut Effet sur le menu déroulant, intercase 1px /
border-top:1px solid transparent;
border-right:1px solid transparent;
/
Fin Effet sur le menu déroulant, intercase 1px /
}
/
Fin Creation Menu Vertical /
/
/
/
Debut Creation Sous Menu SANS Puce /
#Menu .sousmenu {
list-style-type:none;
display:none;
position:absolute;
}
/
Fin Creation Sous Menu SANS Puce /
/
/
/
Debut du Menu Déroulant (avec le “Display=none” du “Menu .sousmenu” /
#Menu li:hover > .sousmenu {display:block} <-------------------------------------------- Commande qui sert a “dérouler” le menu
/
Fin du Menu Déroulant (avec le “Display=none” du “Menu .sousmenu” /
/
/
/
Debut Creation Sous Menu Vertical /
#Menu .sousmenu li {
border-top:1px solid transparent;
border-right:1px solid transparent;
}
/
Fin Creation Sous Menu Vertical /
/
/
/
Debut Stylisme des Liens du Menu Vertical /
#Menu li a:link, #Menu li a:visited {
display:block;
color:#FFFFFF;
background:#0033FF;
border-right:1px solid #FFFFFF;
text-decoration:none;
}
#Menu .sousmenu li a:link, #Menu .sousmenu li a:visited {
display:block;
color:#FFFFFF;
text-decoration:none;
background: transparent #666666 repeat;
background:url(images/Transparent2.png);
}
#Menu .sousmenu li a:hover {
background-image:none;
background-color:#F2462E;
}
/
Fin Stylisme des Liens du Menu Vertical */

Alors mon probleme : Sous Firefox, mon menu vertical s’affiche bien, sous IE, j’ai enlever le code superflu, et j’arrive a un code épuré ou le deroulement ne se fait pas correctement… Il prend en compte l’ecriture (exemple : Accueil, Presentation) et a partir de là compte 150 pixel, mais comme accueil est plus petit que Presentation je vais avoir un sous menu décalé! Il n’y aura plus d’alignement et ça fait pas beau ^^

Merci de votre aide ^^

Bonjour je relance mon post ! ^^

BOn alors mais avancé, j’ai mis en ligne mon menu qui merdouille ^^ !

Sous firefox ça marche niquel !
Sous IE regardez par vous meme ! (cf : … )

Donc voilà, comment régler le probleme sur décalage des sous menu ? De sa position, car sous firefox il calcul sa position par rapport au coté gauche de la “Case” Accueil, alors que sous Internet Explorer, il calcul la position par rapport à la fin du mot Accueil ! :’( !

Quelqu’un pour m’aider s’il vous plait ? ou pour m’orienter du moins ^^ !

Merci d’avance

EDIT : PROBLEME RESOLU MERCI DE VOTRE AIDE ^^
Edité le 28/12/2007 à 11:57