Compatibilité IE et Moz Firefox

Fermé
Passerel - 13 déc. 2007 à 12:07
japrog Messages postés 1 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 13 décembre 2007 - 13 déc. 2007 à 13:26
Bonjour,
Mon blog est hébergé par myspace et utilise un code css que j'ai raffistolé, sans le maîtriser du tout...
Le problème est que le résultat sur IE et Moz Firefox n'est pas le même. L'affichage est correct sur Firefox ;
Par contre, les blocs sous IE sont complètement chaotiques (les dimensions sont incorrectes, les couleurs de fond incomplètes)
Quelqu'un qui a de l'expérience en la matière pourrait-il se pencher sur ces quelques lignes et me dire ce qui ne va pas???
Merci à l'avance pour toute réponse...




<style type="text/css">
body {
background-color: rgb(251,251,251);

background-image:url("http://....jpg");
background-position: top right;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
height:760px;
}

table, tr, td {
background-color: transparent;
border: none;
border-width:0
}

table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
background-color: transparent;
border-width: 3px;
border-color: rgb(150,168,184);
border-style: double;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity:0.8;
-opacity:0.8;
}

table table table td {
background-color: rgb(13,3,4);
}
body table tbody tr td table tbody tr td.text table tbody tr td span.blacktext12 {
position:relative;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

table tbody tr td table tbody tr td table tbody tr td table tbody tr td.text a {
position:relative;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

body table tbody tr td table tbody tr td.text table[id=Table1] tr td span{
-moz-opacity:1;
}
body table tbody tr td table tbody tr td.text table[id=Table1] tr td {
-moz-opacity:1;
}
body table tbody tr td table tbody tr td table tbody tr td table[id=Table2] tbody tr td.text a[id=ctl00_Main_ctl00_UserBasicInformation1_hlDefaultImage] img{
-moz-opacity:1;
}
table tbody tr td table tbody tr td.text table {
width:450px;
}

table tbody tr td table tbody tr td.text table {
width:450px;
}
table tbody tr td table tbody tr td.text table tbody {
width:450px;
}
table tbody tr td table tbody tr td.text table tbody tr {
width:450px;
}
table tbody tr td table tbody tr td.text table tbody tr td.text {
width:450px;
}
table tbody tr td table tbody tr td.text table tbody tr td.text table {
width:100%;
}
table tbody tr td table tbody tr td.text table tbody tr td.text table tbody {
width:100%;
}

table table table table td {
filter:none;
}

</style>
<div style="position:absolute;top:90px;left:0px;padding:0px;margin:0px;"></div>
<style type="text/css">
img {
background-color:transparent;
}
.orangetext15 {
font-size:10px;
font-weight:bold;
color:rgb(232,218,202);
background-color:transparent;
}
.lightbluetext8 {
font-size:10px;
font-weight:bold;
color:rgb(214,231,255);
background-color:transparent;
}
.whitetext12 {
font-size:10px;
font-weight:bold;
color:rgb(232,218,202);
background-color:transparent;
}
a.navbar , a.navbar:link, a.navbar:hover, a.navbar:visited, a.navbar:active {
font-size:10px;
color:rgb(232,218,202);
font-weight:bold;
}

a.text, a.text:link, a.text:hover, a.text:visited, a.text:active{
font-size:10px;
color:rgb(214,231,255);
font-weight:bold;
}
a, a:link, a:hover, a:visited, a:active {
font-size:10px;
font-weight:bold;
color:rgb(214,231,255);
background-color:transparent;
}
.btext {
font-size:10px;
font-weight:bold;
color:rgb(214,231,255);
background-color:transparent;
}
a.redlink, a.redlink:link, a.redlink:hover, a.redlink:visited, a:redlink.active, .redlink {
font-size:10px;
font-weight:bold;
color:rgb(214,231,255);
background-color:transparent;
}

a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:hover, a.searchlinksmall:visited, a.searchlinksmall:active {
font-size:10px;
color:rgb(214,231,255);
background-color:transparent;
}
.blacktext10nb {
font-size:10px;
color:rgb(214,231,255);
background-color:transparent;
}

.redtext, .redbtext, .btext, .nametext, .blacktext10, .blacktext12{
font-size:10px;
color:rgb(214,231,255);
}
body, table, tr, td, li, p, div, span, strong, b, u, .text{
font-size:10px;
color:rgb(232,218,202);
}


body div table tbody tr td table tbody tr td font a.navbar {
display:inline;
visibility:visible;
font-size:10px;
color:rgb(255, 255, 255);
font-weight:bold;
}
body div table tbody tr td table {
display:block;
padding-bottom:0px !important;
padding-bottom:250px;
}
div+div+div+table {
padding-top:220px;
}
table tbody tr td.text table tbody tr td.text table tbody tr td table tbody tr td table tbody tr td a img {
border:5px solid rgb(255,255,255);
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;
position:relative;
}
A voir également:

1 réponse

japrog Messages postés 1 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 13 décembre 2007
13 déc. 2007 à 13:26
Bonjour,
j'ai un problème similaire avec mon site qui s'affiche correctement sur IE et non sur Mozilla FireFox.
Par exemple certaines divisions ne sont pas centrées, les dimensions en pixels ne sont pas respectées, ...
Merci pour votre aide.
0