Compatibilité IE et Moz Firefox
Passerel
-
japrog Messages postés 1 Statut Membre -
japrog Messages postés 1 Statut Membre -
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;
}
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:
- Compatibilité IE et Moz Firefox
- Compatibilite windows 11 - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Ie tab - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Mozilla firefox - Télécharger - Navigateurs