Compatibilité IE / FireFox [Résolu]

C'est pas le problème de firefox, c'est juste IE qui ne respecte pas les standards...
http://cestadire.ch/index.php?option=com_content&task=view&id=76&Itemid=57

Hello,

Je n'ai pas trop eu le temps de voir votre site... j'ai eu les mêmes soucis avec FF/IE qui venaient majoritairement de valeurs par défaut différentes pour les propriété CSS non explicitement spécifiées.

J'ai résolu pas mal de problèmes en ajoutant ça au début de mon CSS pour remetre à zéro toutes les rêgles :

*
{
margin: 0;
padding: 0;
border: none;
font-size: 1em;
font-family: serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

Bon, après il y aura sans doute des choses à ajouter puisque ça oblige à spécifier plus de rêgles qu'en temps normal. L'avantage c'est que ça permet une meilleur compatibilité entre les deux navigateurs.

OUI surement parti à la corbeille
je l'ai mis en ligne avec captures et zip:
http://www.unesourisetmoi.info/MENU%20TRAVAIL/menutravail.htm
comme cela tu pourras tout regarder
merci et @+
b g

a noter que la plupart du temps c'est Ie qui merde et mozilla qui affiche mieux!!!!

MOI je veux bien ... mais IE est quand même celui qu'utilisent + de 90% des gens ... alors bien obligé ! et cela ne résout pas mon problème
merci quand même
@mitiés
b g

merci
il me semble l'avoir vu su codes sources mais je ne pensais pas que l'on puisse le modifier ainsi, surtout s'il est compatible IE & FF
alors je te fais un signe, car cela m'intéresse
@mitiés
b g

merci
super ! je ne connaissais pas et il y a pas mal de choses magnifiques ... pour un prochain site
pour l'instant je reste sur le mien (que je voudrais corriger) car il est jusqu'à maintenant unique ... pour moi !
(c comme pour le 'Petit Prince')
@mitiés
b g

Bjr

Voilà un ex avec Javascript + DOM :

http://www.nobodysperfect.freesurf.fr/bg62/menu/menu.php

Evidemment c'est complexe

@+

merci et encore une fois c'est du travail superbe !
1- "DOM" : ????
2- comment remettre ce script en le compilant comme je l'ai actuellement sur mon site en différentes partie php et css, voire ... ???
de manière à ce que je n'ai qu'à changer les 'texte' dans les fichiers du mien sans avoir à refaire tous les liens ou les "include"
je sais je suis un peux obtu mais je suis qd même en train d'apprendre de nombreuses choses en faisant cela
en résumé, je voudrais conserver les mêmes fichier dans mon site mais remplacer leur contenu par le tien
seulement quoi mettre et où ??
encore du boulot !
quel 'challenge' ...

rien à voir mais je viens de mettre un mess dans un autre forum car je ne peux plus ouvrir une page en cliquant sur un lien (qui va vers l'extérieur) là ça me coince plus que beaucoup ! si tu as la solution (avec IE)
@mitiés
b g

salut!!
j'ai monté mon site avec du CSS et sous FF sa fonctionne 100% mais quand j'Arrive sous IE c'est affreux!!! le problème c'est que j'ai AUCUNE IDÉE des normes de codes CSS que IE accepte... si quelqu'un veut bien m'aider, voici mon code actuel... et oui il y en a long!!

/***********************************************/
/* HTML tag styles */
/***********************************************/

body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
}

w:link, w:visited, w:hover {
text-decoration: none;
}

w:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial,sans-serif;
margin: 0px;
padding: 0px;
}
h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}
h2{
font-size: 114%;
color: #006699;
}
h3{
font-size: 100%;
color: #334d55;
}

h4{
font-size: 100%;
font-weight: normal;
color: #333333;
}

h5{
font-size: 100%;
color: #334d55;
}

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

label{
font: bold 100% Arial,sans-serif;
color: #334d55;
}


/***********************************************/
/* Layout Divs */
/***********************************************/

#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
background-color: #273234;
position: relative;
z-index: 10;
}

#content{
position: absolute;
z-index: 3;
width: 558px;
padding-left: 90px;
}
/************* #leftcontainer styles ***************/

#leftcontainer {
float:left;
top:-4;
height:auto;
width:auto;
position: relative;
background-color: #273234;
z-index: 8;
}

/************* #rightcontainer styles ***************/

#rightcontainer {
float:right;
top: 10;
right: 22;
height:auto;
width:auto;
position: fixed;
z-index: 999;
}

/************* #rightcontainer styles ***************/

#BPM {
float:right;
height:auto;
width:auto;
position: relative;
z-index: 1;
top: 8;
}

#demo {
color:#000033;
background-color:#cccccc;
layer-background-color:#cccccc;
position:absolute;
z-index:99;
visibility:hidden;
}

#bouttons {
float:right;
height:auto;
width:117;
position: relative;
z-index:100;
top: 5;
}

/************* #siteInfo styles ***************/

#siteInfo{
float:left;
left:-1px;
right:-1px;
position:absolute;
z-index: 8;
background-color: #273234;
font-weight:bold;
border: 1px solid #9d9da1;
font-size: 75%;
padding: 15px 40px 10px 25px;
}
#siteInfo img{
vertical-align: middle;
}
body,td,th {
color: #FFFFFF;
}
body {
background-color: #273234;
}

/************* #siteInfo styles ***************/

#djs{
float:left;
left:-0.2;
position:absolute;
z-index: 8;
background-color: #273234;
font-weight:bold;
border: 1px solid #9d9da1;
font-size: 75%;
padding: 0 36px 0 0;

}


/************* titre alignement ***************/

aligner {
float:left;
position:absolute;
z-index:1;
vertical-align:bottom;
}

/************* Menu styles ***************/
body {
behavior:url("");
}

* {
font-family:arial,tahoma,verdana,helvetica;
font-size:12px;
}

/* the menu */

ul,li,ld,w,b,lc,le,lr {
display:block;
margin:0;
padding:0;
border:0;
}

ul {
width:150px;
border:1px solid #9d9da1;
background:#273234;
list-style:none;
}

li {
position:relative;
padding:1px;
padding-left:26px;
background: url(images/item_moz.gif) no-repeat;
z-index:9;
}
li.folder { background: url(images/item_folder.gif) no-repeat; }
li.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
}
li.folder>ul { left:140px; } /* others */

ld {
position:relative;
padding:1px;
padding-left:26px;
background: url(images/item_mp3.gif) no-repeat;
z-index:9;
}
ld.folder { background: url(images/item_folder.gif) no-repeat; }
ld.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
}
ld.folder>ul { left:140px; } /* others */

lr {
position:relative;
padding:1px;
padding-left:26px;
background: url(images/item_bigjo.gif) no-repeat;
z-index:9;
}
lr.folder { background: url(images/item_bigjo.gif) no-repeat; }
lr.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
}
lr.folder>ul { left:140px; } /* others */

le {
position:relative;
padding:1px;
padding-left:26px;
background: url(images/item_blank.gif) 0 100% repeat-y;
z-index:9;
}

w {
padding:2px;
border:1px solid #273234;
text-decoration:none;
color:gray;
font-weight:bold;
width:100%; /* IE */
}
li>w { width:auto; } /* others */

li w.submenu {
background: url(images/sub.gif) right no-repeat;
}

lr>w { width:auto; } /* others */

lr w.submenu {
background: url(images/sub.gif) right no-repeat;
}
b {
padding:2px;
text-decoration:none;
color:gray;
font-weight:bold;
width:100%; /* IE */
}
li>b { width:auto; } /* others */

li b.submenu {
background: url(images/sub.gif) right no-repeat;
}

ld b.submenu {
background: url(images/sub.gif) right no-repeat;
}

lr b.submenu {
background: url(images/sub.gif) right no-repeat;
}

/* regular hovers */

w:hover {
border-color:gray;
background-color:#bbb7c7;
color:black;
}
li.folder a:hover {
background-color:#bbb7c7;
}
lr.folder a:hover {
background-color:#bbb7c7;
}

/* hovers with specificity */

li.folder:hover { z-index:10; }

ul ul, li:hover ul ul {
display:none;
}

li:hover ul, li:hover li:hover ul {
display:block;
}

lr.folder:hover { z-index:10; }

ul ul, lr:hover ul ul {
display:none;
}

lr:hover ul, lr:hover lr:hover ul {
display:block;
}


/************* Download MouseOver ***************/
.downloadover{
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(downloadicover.jpg);
background-repeat: no-repeat;
display: block;
width: 19px;
height: 20px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.downloadover a {
display:block;
font-size: 11px;
width: 19px;
height: 20px;
display: block;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.downloadover img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.downloadover a:hover img{visibility:hidden}
.downloadover span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}

/************* Listen MouseOver ***************/
.listenover{
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(listenicover.jpg);
background-repeat: no-repeat;
display: block;
width: 19px;
height: 20px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.listenover a {
display:block;
font-size: 11px;
width: 19px;
height: 20px;
display: block;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.listenover img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.listenover a:hover img{visibility:hidden}
.listenover span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}
/************* Text Entte ***************/
entete {
float:right;
position:relative;
z-index:10;
padding: 5 10 5 10;
}

/************* Page de Mp3s ***************/

.style1 {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

.style2 {
color: #FFFFFF;
font-weight: bold;
}

.style3 {color: #006699}

.style4 {font-size: 9px}

.style5 {
font-family: "Courier New", Courier, mono;
font-size: 10px;
}

.style6 {color: #6B6E73}

.style7 {color: #273234}

.style8 {font-size: 12px}

.style9 {
font-size: 16px
font-weight: bold;
font-family: "Square721 BT";
}

.style10 {
font-size: 9px;
font-weight: bold;
color: #999999;
font-family: "Square721 BT";
}

.style11 {
font-size: 11px;
font-weight: bold;
font-family: "Square721 BT";
}

.style12 {
font-family: "Square721 BT";
font-size: 11px;
font-weight: bold;
}

.style13 {
font-size: 9px;
font-weight: bold;
color: #999999;
font-style: italic;
font-family: "Square721 BT";
}

.style14 {
font-size: 9px;
font-weight: bold;
color: #FDCB2E;
font-family: "Square721 BT";
}

.style15 {
font-size: 9px;
font-weight: bold;
color: #FDCB2E;
font-style: italic;
font-family: "Square721 BT";
}

.style26 {color: #999999}

.style27 {font-family: Arial, Helvetica, sans-serif}

.style28 {color: #929292}

.Style29 {color: #FF0000}
.Style34 {color: #0033FF}
.Style40 {color: #33CCCC}
.Style41 {color: #CCCCCC}
.Style43 {color: #6699CC}

.style44 {
font-size: 9px;
font-weight: bold;
color: #999999;
font-family: "Square721 BT";
}

.style45 {font-size: 9px}

.style46 {
font-size: 16px
font-weight: bold;
font-style: italic;
font-family: "Square721 BT";
}

.style47 {
font-size: 11px;
font-weight: bold;
font-style: italic;
font-family: "Square721 BT";
}
.Style48 {
color: #00FF33
}

.Style50 {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
.Style51 {
color: #FF0000
}
.Style53 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.Style54 {color: #4A8ACC}

.Style58 {
color: #FFFFFF;
font-size: 9px;
}

.Style59 {
color: #273234;
font-size: 7px;
}

/************* Enlever Bleu Et Souligner des liens ***************/
a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
.Tableau {
background-color:#273234;
border-top-width:1pt;
border-right-width:1pt;
border-bottom-width:1pt;
border-left-width:1pt;
border-top-color:#666666;
border-right-color:#666666;
border-bottom-color:#666666;
border-left-color:#666666;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
margin:0;
margin-bottom:5pt;
font-family:Arial,sans-serif;
font-size:10pt;
font-color:#FFFFFF;
}

.Forms {
font-family:Arial;
font-size:10pt;
color:#FFFFFF;
border-width:1pt;
}

.Button {
font-family:Arial;
font-size:10pt;
color:#000000;
border-width:1pt;
}