Problème d'affichage Myspace entre IE7 et FF

Fermé

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009 - 20 août 2009 à 05:28
fily - 7 sept. 2009 à 17:37

Bonjour à tous,

Voila mon fameux probléme :

J'ai créer un myspace (musique) il ya quelques jours et je m'occupe de son design.

Dans la table " A propos de LonviO " j'ai décider d'élaborer plusieurs catégories pour que ce soit clair et efficace. Le probléme c'est que sous IE mes banniéres de catégories, et mon texte correspondant, ne s'aligne pas correctement sur la table. En effet, ils ne se centre pas correctement horizontalement. Voici un screen pour que vous puissiez en juger par vous même :

Screen Avec la version d'internet explorer 7 :
http://moe.mabul.org/up/moe/2009/08/19/img-210352t6d95.gif

Têtu comme je suis, je lache jamais l'affaire face à un petit probléme comme celui-ci alors j'ai demandé à un ami de faire un screen sous FireFox de mon myspace :

Screen Avec la version de Mozilla FireFox :
http://moe.mabul.org/up/moe/2009/08/19/img-21074053tkn.gif

Impréssionnant non ? Sous firefox et sous Safari (aussi) les images et le texte sont parfaitement centré à la table.

Auriez vous des suggestions à me faire? des conseils? Afin que sous Internet Explorer l'alignement soit comme sous FireFox?

Merci par avance pour votre aide :)
@trés vite.

Site correspondant à mon probléme : http://myspace.com/lonvio

A voir également:

Problème d'affichage Myspace entre IE7 et FF
Affichage double ecran - Guide
Erreur 40 ff freebox - Forum Freebox
Windows 11 affichage classique - Guide
Les paramètres d'affichage nvidia ne sont pas disponibles ✓ - Forum Carte graphique
Erreur 20 ff freebox - Forum Réseaux sociaux

9 réponses

Réponse 1 / 9

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009
20 août 2009 à 07:35

J'attends votre aide avec impatience :) Merci bcp

Réponse 2 / 9

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
20 août 2009 à 10:50

Bonjour,

Des normes existent dans le but d'avoir le même aperçu sous le plus de navigateur possible. Mon premier conseil est d'essayer de les respecter.
320 Errors, 219 warning(s)
http://validator.w3.org/...

Cdt,

Réponse 3 / 9

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009
20 août 2009 à 15:33

Merci pour ta réponse Archeuse01 ! J'ai visité ton site, et exact il ya pas mal d'erreurs ! Etant un peu débutant dans les codes html et css comment je pourrais réparer ses erreurs? tu penses que ça peut venir de ça ?

Merci encore de ta réponse.

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
21 août 2009 à 00:50

Bonjour,

Oui, ça a de forte chance de venir de ça.

Cordailement,

Réponse 4 / 9

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009
25 août 2009 à 05:19

Aprés de nombreuses recherches sur google etc...j'ai pas pu trouvé ce qui mer** ! snif ! Je vais vous copier coller mon code entier de mon profil myspace musique en espérant que quelqu'un pourra trouV la faille ! Merci bcp d'avance, le voici :

<style>
body {background-image: url('http://moe.mabul.org/up/moe/2009/08/25/img-033931cvjsd.gif');background-repeat: no-repeat;background-attachment: fixed } </style>

<style>
body{ background-position:top center;margin-top: 480;}
div.topbanner { top: 0; left: 25%; margin-center:0px;width: 100%;
height: 30px; position: absolute; }
</style>
<div class="topbanner">
<img src="http://moe.mabul.org/up/moe/2009/08/18/img-020228na02s.gif" border="0" /></a></a></div><br />

<style>
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://moe.mabul.org/up/moe/2009/08/18/img-19045342gn7.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
</style>

<center><img src="http://moe.mabul.org/up/moe/2009/08/25/img-045405e4usp.gif" alt="NEWS" />
<br />
<br />
<font face="trebuchet ms"><font size="2"><b>En préparation, mon maxi : " FACE A FACE " sera disponible trés prochainement ! La rentrée 2009 va faire trés mal, restez à l'écoute pour de nouvelles exclusivités en attendant sa sortie !!</font></font>
<br />
<br />
</b>

<img src="http://moe.mabul.org/up/moe/2009/08/25/img-045613kl0cg.gif" alt="DISCOGRAPHIE" />
<br />
<br />
<font face="trebuchet ms"><font size="2"><b>Vous pouvez me retrouver sur différents projets d'autres artistes. De plus, mon street album sortie en été 2008 " Les Effectifs " est toujours disponible en téléchargement légal à l'adresse suivante: <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxlc2VmZmVjdGlmcy5mci50Yw==">www.leseffectifs.fr.tc</a></font></font>
<br /></b>

<p style="visibility:visible;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="380" width="480" style="width:480px;height:380px">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-cf.slide.com/widgets/slideticker.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="flashvars" value="cy=ms&il=1&channel=3314649325771922383&site=widget-cf.slide.com" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://widget-cf.slide.com/widgets/slideticker.swf" height="380" width="480" style="width:480px;height:380px" wmode="transparent" quality="high" scale="noscale" salign="l" flashvars="cy=ms&il=1&channel=3314649325771922383&site=widget-cf.slide.com" />
</object>
<br />
<br />

<img src="http://moe.mabul.org/up/moe/2009/08/25/img-044847m8pe6.gif" alt="VIDEO-CLIP" />
<br />

<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="380" width="480">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.dailymotion.com/swf/x9jn3o_lonvio-teaser-officiel-du-maxi-face_music&colors=background:080808;foreground:8AA6ED;special:FFFFFF;&related=0" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.dailymotion.com/swf/x9jn3o_lonvio-teaser-officiel-du-maxi-face_music&colors=background:080808;foreground:8AA6ED;special:FFFFFF;&related=0" height="380" width="480" wmode="transparent" />
</object><br /><b><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS92aWRlby94OWpuM29fbG9udmlvLXRlYXNlci1vZmZpY2llbC1kdS1tYXhpLWZhY2VfbXVzaWM=">LonviO - Teaser Officiel du Maxi Face à Face</a></b><br /><i>envoyé par <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS9Mb252aU8=">LonviO</a> - <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS9mci9jaGFubmVsL211c2lj">Regardez la dernière sélection musicale.</a></i></div></center>

<style>
table, tr, td{
background-color:transparent;
border-style:none;
}

table table table, table table table td{
background-color:transparent;
}

body, body.bodycontent{
background-color:rgb(0,0,0);
scrollbar-face-color:rgb(0,-3,-7);
scrollbar-base-color:rgb(0,-3,-7);
scrollbar-3dlight-color:rgb(162,195,246);
scrollbar-shadow-color:rgb(162,195,246);
scrollbar-darkshadow-color:rgb(162,195,246);
scrollbar-highlight-color:rgb(162,195,246);
scrollbar-track-color:rgb(1,7,13);
scrollbar-arrow-color:rgb(165,183,209);
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(184,186,186);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(130,173,237);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(168,149,178);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:rgb(158,111,182);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

table table table, div table table{
border-color:rgb(122,159,215);
border-style:solid;
border-width:1px;
background-color:rgb(0,1,3);
}

table table table table, div table table table{
border-style:none;
}

</style>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
25 août 2009 à 10:45

Je regarderai ça ce soir si j'ai un peu de temps sinon d'ici dimanche.

Réponse 6 / 9

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009
25 août 2009 à 11:24

Merci de prendre un peu de ton temps :)

Réponse 7 / 9

monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 128
25 août 2009 à 11:52

Bonjour,

ce que tu peux essayer pour régler ton problème c'est de placer une classe sur tes images de titre et de leur attribuer un css, comme suit :

<img class="img_titre" src="" title="" />

et (je ne sais plus où il faut placer le style mais tu trouveras ^^) :

.img_titre { margin:0 auto; }

Essayes ça et dis nous si ça fonctionne ! :D

Réponse 8 / 9

LonviO Messages postés 17 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 3 septembre 2009
25 août 2009 à 12:37

Bonjour :)

Merci pour ta réponse Monkey_Monk ! J'ai placer le code que tu m'as dit et mis le style la où je pense qu'il doit se mettre ^^ Malheureusement le problème est toujours le même :( ! Je ne sais pas si c'est à cause du style qui est mal placé...mais je vois pas trop où le mettre. Je vous recopie encore une fois le code avec les modifications apportées (by monkey_monk lol) :

<style>
body {background-image: url('http://moe.mabul.org/up/moe/2009/08/25/img-033931cvjsd.gif');background-repeat: no-repeat;background-attachment: fixed } </style>

<style>
body{ background-position:top center;margin-top: 480;}
div.topbanner { top: 0; left: 25%; margin-center:0px;width: 100%;
height: 30px; position: absolute; }
</style>
<div class="topbanner">
<img src="http://moe.mabul.org/up/moe/2009/08/18/img-020228na02s.gif" border="0" /></a></a></div><br />

<style>
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://moe.mabul.org/up/moe/2009/08/18/img-19045342gn7.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
</style>

<center><img class="img_titre" src="http://moe.mabul.org/up/moe/2009/08/25/img-045405e4usp.gif" title="NEWS" />
<br />
<br />
<font face="trebuchet ms"><font size="2"><b>En préparation, mon maxi : " FACE A FACE " sera disponible trés prochainement ! La rentrée 2009 va faire trés mal, restez à l'écoute pour de nouvelles exclusivités en attendant sa sortie !!</font></font>
<br />
<br />
</b>

<img class="img_titre" src="http://moe.mabul.org/up/moe/2009/08/25/img-045613kl0cg.gif" title="DISCOGRAPHIE" />
<br />
<br />
<font face="trebuchet ms"><font size="2"><b>Vous pouvez me retrouver sur différents projets d'autres artistes. De plus, mon street album sortie en été 2008 " Les Effectifs " est toujours disponible en téléchargement légal à l'adresse suivante: <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxlc2VmZmVjdGlmcy5mci50Yw==">www.leseffectifs.fr.tc</a></font></font>
<br /></b>

<p style="visibility:visible;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="380" width="480" style="width:480px;height:380px">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-cf.slide.com/widgets/slideticker.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="flashvars" value="cy=ms&il=1&channel=3314649325771922383&site=widget-cf.slide.com" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://widget-cf.slide.com/widgets/slideticker.swf" height="380" width="480" style="width:480px;height:380px" wmode="transparent" quality="high" scale="noscale" salign="l" flashvars="cy=ms&il=1&channel=3314649325771922383&site=widget-cf.slide.com" />
</object>
<br />
<br />

<img class="img_titre" src="http://moe.mabul.org/up/moe/2009/08/25/img-044847m8pe6.gif" title="VIDEO-CLIP" />
<br />

<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="380" width="480">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.dailymotion.com/swf/x9jn3o_lonvio-teaser-officiel-du-maxi-face_music&colors=background:080808;foreground:8AA6ED;special:FFFFFF;&related=0" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.dailymotion.com/swf/x9jn3o_lonvio-teaser-officiel-du-maxi-face_music&colors=background:080808;foreground:8AA6ED;special:FFFFFF;&related=0" height="380" width="480" wmode="transparent" />
</object><br /><b><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS92aWRlby94OWpuM29fbG9udmlvLXRlYXNlci1vZmZpY2llbC1kdS1tYXhpLWZhY2VfbXVzaWM=">LonviO - Teaser Officiel du Maxi Face à Face</a></b><br /><i>envoyé par <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS9Mb252aU8=">LonviO</a> - <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhaWx5bW90aW9uLmNvbS9mci9jaGFubmVsL211c2lj">Regardez la dernière sélection musicale.</a></i></div></center>

<style>
table, tr, td{
background-color:transparent;
border-style:none;
}

table table table, table table table td{
background-color:transparent;
}

body, body.bodycontent{
background-color:rgb(0,0,0);
scrollbar-face-color:rgb(0,-3,-7);
scrollbar-base-color:rgb(0,-3,-7);
scrollbar-3dlight-color:rgb(162,195,246);
scrollbar-shadow-color:rgb(162,195,246);
scrollbar-darkshadow-color:rgb(162,195,246);
scrollbar-highlight-color:rgb(162,195,246);
scrollbar-track-color:rgb(1,7,13);
scrollbar-arrow-color:rgb(165,183,209);
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(184,186,186);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(130,173,237);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(168,149,178);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:rgb(158,111,182);
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

table table table, div table table{
border-color:rgb(122,159,215);
border-style:solid;
border-width:1px;
background-color:rgb(0,1,3);
}

table table table table, div table table table{
border-style:none;
}

.img_titre { margin:0 auto; }

</style>

Réponse 9 / 9

fily
7 sept. 2009 à 17:37

Bonjour,
le message arrive tardivement, mais il faut caler les css pour les paramètres ff tu utilises important! et après le même parametre sans important ex : margin-top:10px !mportant; margin-top:8px; le premier sera pour ff le 2 eme pour ie

Discussions similaires

adele

Que signifie "#FF ..."?

Leboncoin : j'ai un problème d'affichage

"l'authentification a échoué" freebox wi

erreur 40-ff sur free player - Impossible d'avancer dans l'installation

Discussions similaires

Newsletters