Décalage sous IE

Dev
1

Bonjour, avant de poster j’ai lu un sujet similaire mais je n’arrive malgrè tout pas à régler mon problème.
J’ai un menu qui sous Mozilla, google chrome fonctionne parfaitement.
Par contre sous IE il délire !
lien du site menu du bas http://www.tekoo.net

voici la page CSS

html{background: #;}
body{background: transparent url(file:///C|/Users/PNINA/Desktop/code_download/top_bg.png) top center no-repeat;
width: 100%; height: 100%;
margin: 0 0;}


#navigation_container {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#navigation li {
        list-style: none;
        display: block;
        float: left;
		margin: 1em 0.8em;
}

#navigation li a {
        text-shadow: 0 2px 1px rgba(0,0,0,0.5);
        display: block;
        text-decoration: none;
        color: #f0f0f0;
        font-size: 18px;
        margin: 0;
        line-height: 28px;
}

#navigation li.active a:hover,
#navigation li a:hover {
        margin-top: 2px;
}

#navigation li.active {
        font-style: italic;
}

#navigation li.active a {
}


.rectangle {
   background: #b2d135;
   height: 62px;
   position: relative;
   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  	box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  	
   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border-radius: 2px;
	
   z-index: 500; /* the stack order: foreground */
   margin: 3em 0;
}

.l-triangle-top {
   border-color: #b2d135 transparent transparent;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: left;
   top: 1px;
   left: -50px;
}

.l-triangle-bottom {
   border-color: transparent transparent #b2d135;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: left;
   top: -40px;
   left: -150px;
}


.r-triangle-top {
   border-color: #b2d135 transparent transparent;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
        float: right;
        right: -45px;
        top: -107px;
}

.r-triangle-bottom {
   border-color: transparent transparent #b2d135;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
        float: right;
        top: -149px;
        right: -145px;
}

et voici le code sur ma page html :




   

   


	

comment faire pour que sur IE aussi le menu apparaisse correctement ? merci


capture d’ecran mozilla et IE ci-jointes
2

Salut,

Etant donné que ton menu est de taille fixe, pourquoi ne pas faire une image globale en fond ? 

Tu te simplifierais grandement la vie :slight_smile:

3

il te manque une find de div 
pour ton 

 


?
4

Je ne veux pas relancer le thread sur le sexisme chez les geeks mais ce serait un mec il se serait fait basher pour un premier post comme ça ^^

Pour info sur IE10 je n’ai pas de souci avec ton menu, il apparaît comme sur Chrome.

5

[quote=“Histrion, post:4, topic: 54996”][/quote]

Bah la preuve que non, c’est probablement un homme ^^

6

Il dit bonjour, est poli… arretez un peu avec ça… pls :x

Bon sinon, déjà, corrige le div manquant, IE deteste les balises manquante alors que FF et Chrome sont assez intelligents pour corriger d’eux meme (ca marche bien pour les td/lin moins pour les div mais parfois ils y arrivent)

l’un des 2 n’est pas fermé dans le code que tu as copié.
 

7

loool je ne suis pas un mec !! et sur la photo c’est moi ! rien à cacher hein!  :phone: j’ai construit ce site et je me suis aperçue du beug sur IE sans comprendre le soucis…j’essaye avec vos réponses et vous tient au courant .
merci


bon j’ai ajouté le DIV manquant mais sur IE pareil… :frowning:

8

Quelle(s) version(s) d’IE ?

9

j’ai la version 9 d’internet explorer

10

t’as bien actualisé ton cache ? est ce que tu fais tes modifs en ligne ? 

11

oui j’arrête pas de le faire


non je fais les modif depuis mon editeur et je balance sur le FTP pour voir

12

Déja je remettrais les 2 premiers triangles dans la 

(en premiers enfants).
Ca corrige des soucis sur chrome/firefox et ca rend le code plus clair.
Je peux pas commenter sur IE, je suis ss linux.

13

merci à tous pour vos réponses finalement j’ai opté pour un menu moins joli mais qui passe partout :stuck_out_tongue: