COmpatibilite entre IE et firefox

Salut à tous

J'ai un soucis mon fichier CSS et bien interpreter sous firefox mais sous IE il n'en fait qu'a sa tete.
pourtant en regardant le code source il trouve mais css correctement.
Si quelqu'un connait le pbl!!
D'avance merci

Bonjour !

As tu validé ton CSS ? Tu peux le faire ici.

As tu téléchargé la barre WebDevelopper pour Firefox ? Non ?
Alors fais le à cette adresse.

Tu auras déjà des réponses en le validant. Si toutefois tu ne trouvais pas, montre ton CSS !
Peut-être auras tu des réponses !

voila mon CSS


body {
background-image:url("../images/kit/bg.gif");
margin-top:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 8px;
}
h2 {
font-size:10px;
background-color:#990033;
color:#FFFF99;
}
/*---- tableau global encadrant chaque page ----*/
table.main {
border-collapse:collapse;
padding:0;
border:0;
margin:0 auto;
vertical-align:top;
width:790px;
height:590px;
}

html>body #table.main {
height:auto;
min-height: 590px;
}

/*---- Cellule du tableau global contenant le header ----*/
td.header {
background:url("../images/kit/header.gif");
background-repeat:no-repeat;
width:790px;
height:145px;
padding:40px 100px 0 0;
text-align:right;
vertical-align:top;
font-family: arial,verdana,sans-serif;
font-size: 30px;
font-weight: bold;
font-style: italic;
color:#FFFF99;
}

td.header a{
color:#FFFF99;
text-decoration:none;
}

/*---- Cellule du tableau global contenant le menu ----*/
td.fond-menu{
background:url("../images/kit/cadre_gauche.gif");
background-repeat:repeat-y;
width:195px;
vertical-align:top;
}

/*---- Cellule du tableau global contenant le corps de page ----*/
td.container{
background:#FFFFFF;
color:#990000;
width:565px;
vertical-align:top;
}

/*---- Cellule du tableau global contenant la bordure droite ----*/
td.cadre-droit{
background:url("../images/kit/cadre_droit.gif");
background-repeat:repeat-y;
width:30px;
}

td.cadre-droit#bis{
width:31px; /* pour éviter un bug de décalage à la page d'accueil sous Netscape/Mozilla */
}

/*---- Cellule du tableau global contenant le footer et le copyright ----*/
td.footer{
background:url("../images/kit/footer.gif");
background-repeat:no-repeat;
width:790px;
height:29px;
padding:3px 0 0 37px;
vertical-align:top;
font-family: gill,helvetica,verdana,sans-serif;
font-size: 11px;
color:#FFFF99;
}

td.footer a{
color:#FFFF99;
text-decoration:none;
}

td.footer a:hover{
text-decoration:underline;
}

/*---- Tableau contenant le menu ----*/
table.menu{
border-collapse:collapse;
padding:0;
border:0;
margin:0 auto;
vertical-align:top;
width:164px;
}

/*---- cellule du tableau de menu contenant le header du menu ----*/
td.menu_header{
background:url("../images/kit/menu_haut.gif");
background-repeat:no-repeat;
width:165px;
height:9;
}

/*---- cellule du tableau de menu contenant le corps du menu ----*/
td.menu_corps{
background:url("../images/kit/menu_corps.gif");
width:165px;
color:#990000;
}

/*---- cellule du tableau de menu contenant le titre du menu ----*/
td.menu_corps#menu_titre{
font-family: gill,helvetica,verdana,sans-serif;
font-size: 12px;
font-weight: bold;
padding:0 12px 0 0;
text-align:right;
}

/*---- définition d'un lien dans la cellule du tableau de menu ----*/
td.menu_corps#menu_lien{
font-family: gill,helvetica,verdana,sans-serif;
font-size: 12px;
padding:0 0 0 12px;
text-align:left;
}

td.menu_corps#menu_lien a{
text-decoration:none;
color:#990000;
}

td.menu_corps#menu_lien a:hover{
background:#990000;
color:#FFFFFF;
/*text-decoration:underline overline;
font-weight: bold;*/
}

/*---- cellule du tableau de menu contenant le footer du menu ----*/
td.menu_footer{
background:url("../images/kit/menu_bas.gif");
background-repeat:no-repeat;
width:165px;
height:8;
}
/************** .story styles *****************/

.story{ clear: both;
padding: 10px 0px 0px 10px;
font-size: 10pt;}

.story p{ padding: 0px 0px 10px 0px;}

.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #FFFF99;}

td {
font-size:12px;
}
/************** styles des div des liens recommandes*****************/

#LienRecommande{
width: 250px;
}
#LienRecommande .a1{
background-color:#FFFF99;
font-size:11px;
color:#931FOC;
font-weight:bold;
}
#LienRecommande .a2{
font-weight:lighter ! important;
font-size:10px;
color:#931FOC;
}

/* ---- l'affichage des entreprises ---- */
#conteneur{
border: 1px solid black;
background-color: #FFFF99;
height : 75px;
}
#conteneur1{
border: 1px solid black;
background-color: #FFFF99;
height : 65px;
}
#conteneur2{
border: 1px solid black;
background-color: #FFFF99;
height : 50px;
}
#conteneur3{
border: 1px solid black;
background-color: #FFFF99;
height : 38px;
}
#denomination{
border: 1px solid black;
position : relative;
top : 0px;
left : 0px;
font-weight : bold ;
display : block ;
}

#logo{
border: 1px solid black;
position : relative;
width : 306px;
height : 49px;
top : -1px;
left : 251px;
}

#coordonnee{
border: 1px solid black;
font-size : 10px;
margin-left : 25px;
position : relative;
width : 225px;
top : -52px;
}

#tel_fax{
border: 1px solid black;
font-size : 10px;
margin-left : 25px;
position : relative;
width : 225px;
top : -53px;
}



#les_plus {
border: 1px solid black;
text-align: right;
font-size : 10px;
position : relative;
top : -50px;
}

[code]

desole j'ai pas encore saisie l'insertion de code dans les messages

arno77 a écrit :
desole j'ai pas encore saisie l'insertion de code dans les messages

Bonjour,

Tu encadres ton code de [ code] et [ /code] (sans les espaces) en éditant ton post précédant.

a écrit :
J'ai un soucis mon fichier CSS et bien interpreter sous firefox mais sous IE il n'en fait qu'a sa tete.
pourtant en regardant le code source il trouve mais css correctement.

Tu peux être plus clair ?
Quels sont tes soucis ? Le positionnement ?
Que donne la validation (si tu ne connaissais pas, ce qui m'étonnerait, le validateur te donne quelques indices pour revoir ta copie) ?

en fait les CSS porte sur des <div> et je fais un test en php sur une donnée pour afficher le div avec l'id='conteneur' ou conteneur1 etc mais sur internet explorer c'est comme si je pisser en l'air sauf que ca me retombe pas encore dessus.

avec firefox cadre nickel
avec IE cadre beaucoup trop grand

C'est plus clair??

@Arno77

Bonjour,
Édite ton premier Post et encadre ton code comme le suggère Igor… La plupart des gens ne prendra pas la peine de répondre si tu n'observes pas les règles élémentaires d'usage.

Voila la partie qui pose probleme

#conteneur{
border: 1px solid black;
background-color: #FFFF99;
height : 75px;
}
#conteneur1{
border: 1px solid black;
background-color: #FFFF99;
height : 65px;
}
#conteneur2{
border: 1px solid black;
background-color: #FFFF99;
height : 50px;
}
#conteneur3{
border: 1px solid black;
background-color: #FFFF99;
height : 38px;
}
#denomination{
border: 1px solid black;
position : relative;
top : 0px;
left : 0px;
font-weight : bold ;
display : block ;
}

#logo{
border: 1px solid black;
position : relative;
width : 306px;
height : 49px;
top : -1px;
left : 251px;
}

#coordonnee{
border: 1px solid black;
font-size : 10px;
margin-left : 25px;
position : relative;
width : 225px;
top : -52px;
}

#tel_fax{
border: 1px solid black;
font-size : 10px;
margin-left : 25px;
position : relative;
width : 225px;
top : -53px;
}



#les_plus {
border: 1px solid black;
text-align: right;
font-size : 10px;
position : relative;
top : -50px;
}