Menu CSS qui ne fonctionne pas sous IE6

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par OTP, 2 Avril 2010.

  1. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Bonjour,

    Nouvelle version, nouveaux soucis...

    Mon menu CSS ne fonctionne pas sous IE6 : http://www.thewindpower.net/

    Comment contourner ce souci ?

    Merci,

    OTP
     
  2. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Contourner : en affichant un message qu'il faut changer de navigateur
    Résoudre :
    Code:
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
    <![endif]-->
    
     
  3. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    On va tenter de résoudre alors ! ;)

    Je mets quoi dans mon ie6.css, dans mon cas ?
     
  4. Théophraste
    Théophraste WRInaute impliqué
    Inscrit:
    22 Juillet 2004
    Messages:
    625
    J'aime reçus:
    0
    Sous ie 6, la Une de wri bug aussi depuis 2 jours, pour info au passage ;-).
     
  5. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Une bonne résolution : http://www.ie6nomore.com

    Désormais, je facture la mise en compatibilité IE6... Et sur mes propres sites, franchement j'hésite !
     
  6. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Non Cedric, tu ne peux pas dire et faire ça.
    Certains publics utilisent massivement IE6 en 800x600 sur Windows 98 ou XP.
    En france et dans d'autres pays francophones moins riches.
     
  7. Argonaute
    Argonaute WRInaute impliqué
    Inscrit:
    31 Juillet 2008
    Messages:
    503
    J'aime reçus:
    0
    Tout à fait d'accord, même si cela baisse. Faut également penser aux entreprises qui sont parfois encore sous IE6.
     
  8. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 373
    J'aime reçus:
    1
    Je pense que je vais me mettre à facturer la compatibilité IE6 également... c'est vraiment chiant et ça prend trop de temps.
    En travaillant bien ses CSS et en connaissant 2 ou 3 hacks, ça passe bien, mais quand même...

    Perso, sur mes propres sites (futurs sites), c'est décidé : les utilisateurs d'IE6 auront soit un message les invitant à passer à IE8 ou à un navigateur alternatif (la mise à jour est gratuite, faut pas se foutre de la gueule du monde. Ce navigateur a 10 ans quand même !), soit ils auront accès à une version grisée par belle. Soit les deux aussi :mrgreen:



    Michael (@OTP): le menu css & jquery SuperFish fonctionne bien sur IE6 ;-)
    (testé à l'instant via IETester).
    Tu peux avoir le même rendu visuel en modifiant le CSS de SuperFish.

    Edit: snif, et mon bloc newsletter alors ? :cry:
    :wink:
     
  9. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Mais franchement, vous en avez beaucoup vous ? Moi en général il suffit de deux lignes de CSS spécifiques et tout est bon pour IE6.
     
  10. OTP
    OTP WRInaute accro
    Inscrit:
    16 Décembre 2005
    Messages:
    14 581
    J'aime reçus:
    3
    Justement, si quelqu'un savait me dire ce qui coince là-dedans pour IE6...

    Code:
    .menu{
    	border:none;
    	border:0px;
    	margin:0px;
    	padding:0px;
    	font: 67.5% Arial, Helvetica, serif;
    	font-size:17px;
    	font-weight:bold;
    	}
    .menu ul{
    	background:#145595;
    	height:30px;
    	list-style:none;
    	margin:0;
    	padding:0;
    	}
    .menu li{
    	float:left;
    	padding:0px;
    	}
    .menu li a{
    	background:#145595 url("http://www.thewindpower.net/images/site/menu/seperator.gif") bottom right no-repeat;
    	color:#FFFFFF;
    	display:block;
    	font-weight:normal;
    	line-height:30px;
    	margin:0px;
    	padding:0px 25px;
    	text-align:center;
    	text-decoration:none;
    	}
    .menu li a:hover, .menu ul li:hover a{
    	background: #2580a2 url("http://www.thewindpower.net/images/site/menu/seperator.gif") bottom right no-repeat;
    	color:#FFFFFF;
    	text-decoration:none;
    	}
    .menu li ul{
    	background:#2580a2;
    	display:none;
    	height:auto;
    	padding:0px;
    	margin:0px;
    	border:0px;
    	position:absolute;
    	width:225px;
    	z-index:200;
    	/*top:1em;
    	/*left:0;*/
    	}
    .menu li:hover ul{
    	display:block;
    	}
    .menu li li {
    	background:url('http://www.thewindpower.net/images/site/menu/sub_sep.gif') top left no-repeat;
    	display:block;
    	float:none;
    	margin:0px;
    	padding:0px;
    	width:225px;
    	}
    .menu li:hover li a{
    	background:none;
    	}
    .menu li ul a{
    	display:block;
    	height:28px;
    	font-size:12px;
    	font-style:normal;
    	margin:0px;
    	padding:0px 10px 0px 15px;
    	text-align:left;
    	}
    .menu li ul a:hover, .menu li ul li:hover a{
    	background:#B6B9BC url('http://www.thewindpower.net/images/site/menu/sub_sep.gif') top left no-repeat;
    	border:0px;
    	color:#000000;
    	text-decoration:none;
    	}
    .menu p{
    	clear:left;
    	}
     
Chargement...
Similar Threads - Menu CSS fonctionne Forum Date
Mieux vaut-il un select ou un menu déroulant CSS Développement d'un site Web ou d'une appli mobile 15 Mars 2017
MENU VERTICAL CSS (3 minis questions) Développement d'un site Web ou d'une appli mobile 4 Décembre 2014
MON MENU CSS ne centre pas Développement d'un site Web ou d'une appli mobile 1 Décembre 2014
[résolu] Elargir un menu en CSS à 100% du contenant Développement d'un site Web ou d'une appli mobile 6 Octobre 2014
Menus déroulants (html + css) et Référencement Débuter en référencement 11 Septembre 2013
Indexation avec fil d'ariane composé de menus déroulants css Référencement Google 27 Avril 2013
(CSS) diffréntes couleur pour liens menu Développement d'un site Web ou d'une appli mobile 18 Janvier 2012
Menu déroulant sur image css Développement d'un site Web ou d'une appli mobile 5 Janvier 2012
Probleme Menu JS + CSS Développement d'un site Web ou d'une appli mobile 24 Février 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
menu css publicite flash Développement d'un site Web ou d'une appli mobile 19 Juillet 2010
menu css vertical avec longue liste Développement d'un site Web ou d'une appli mobile 16 Juin 2010
Question relative au Menu en CSS : Développement d'un site Web ou d'une appli mobile 4 Mars 2010
CSS : menu avec ie7 Développement d'un site Web ou d'une appli mobile 22 Février 2010
Menu en CSS Développement d'un site Web ou d'une appli mobile 27 Janvier 2010
Menu en CSS Administration d'un site Web 26 Janvier 2010
menu css portes coulissantes + liens Développement d'un site Web ou d'une appli mobile 19 Janvier 2010
Menu déroulant CSS Développement d'un site Web ou d'une appli mobile 19 Décembre 2009