Discussion :

[vbaguet]

Bonjour à toutes et tous,

Alors voilà, j'ai un menu qui donne bien sur Chrome, Firefox,... mais comme toujours sur IE anciennes versions, ça foire...
Voici le lien du site : Lien vers le site
Sur Explorer si vous cliquez sur affichage de compatibilité, le menu n'est plus vraiment ce à quoi je m'attends...

Voici mon CSS, peut-être qu'il y a quelques chose que je peux améliorer, dites-moi...

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
 
nav {
	width: 880px;
	height: 30px;
	position:absolute;
	bottom:0;
	background-color: transparent;
	line-height: 30px;
	padding:0 50px;
}
	nav ul { height:30px; margin:0; padding:0; list-style:none; }
	nav ul li { float:left; height:30px; line-height:30px; position:relative; margin:0; }
	nav ul li a { display: table-cell; height:30px; vertical-align: middle; padding:0 12px; vertical-align: middle; color:#FFFFFF; text-decoration:none; font: 11px Arial, Helvetica; text-transform:uppercase; }
	nav ul li:hover > a { color:#FFFFFF; background-color:#BD1622; }
	nav ul li a:hover { color:#FFFFFF; }
	nav ul li.current-menu-item > a { background-color:#BD1622; }
	nav ul li.current-menu-ancestor > a { background-color:#BD1622; }

Autre chose, pour creer des colonnes de textes, pour le moment j'utilise un plugin columnizer jQuery, mais encore une fois ca ne marche pas sur IE7lte,
et le css3 j'ai abandonné, si vous avez des solutions...

Un grand merci !

[Muchos]

Pourquoi cibler IE6 ? :'(

Je pense que votre problème est dû à :

1. L'usage de HTML5. Tournez-vous par ex. vers html5shiv pour régler ce problème.
2. L'usage de sélecteur css 2.1 (:hover et > notamment), non supporté en-dessous d'IE8.