Problème d'affichage IE & Mozilla
MaitreYo
-
jacob -
jacob -
Bonjour,
J'ai un petit problème d'affichage selon que j'utilise mozilla ou firefox.
https://myspace.com/happyparis
Si j'ouvre ce lien dans IE, aucun problème ma bannière flash en haut (So happy in Paris) est correctement centrée par rapport à la barre de menu rouge au dessus.
Par contre si vous l'ouvrez avec Mozilla cette bannière sera completement décalée vers la droite et donc plus centrée.
Est ce que quelqu'un peut me donner l'astuce sachant que c'est myspace et que la page est composée obligatoirement de 2 frames (droite avec le lecteur mp3 et gauche avec la photo, etc...)
Voici le code de la bannière :
<style type="text/css">
div.underbanner {
top: 170;
left: 49%;
margin-left: -387px;
text-align:center;
width: 100%;
height: px;
position: absolute;
}
</style>
<div class="underbanner">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="150" width="800" data="http://www.sohappyinparis.com/bandeau_sohappy.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.sohappyinparis.com/bandeau_sohappy.swf" />
</object></mspobj>
</div>
Merci de votre aide et il est largement possible que ce soit un problème de code puisque je suis plus un bricoleur du net qu'un développeur.
J'ai un petit problème d'affichage selon que j'utilise mozilla ou firefox.
https://myspace.com/happyparis
Si j'ouvre ce lien dans IE, aucun problème ma bannière flash en haut (So happy in Paris) est correctement centrée par rapport à la barre de menu rouge au dessus.
Par contre si vous l'ouvrez avec Mozilla cette bannière sera completement décalée vers la droite et donc plus centrée.
Est ce que quelqu'un peut me donner l'astuce sachant que c'est myspace et que la page est composée obligatoirement de 2 frames (droite avec le lecteur mp3 et gauche avec la photo, etc...)
Voici le code de la bannière :
<style type="text/css">
div.underbanner {
top: 170;
left: 49%;
margin-left: -387px;
text-align:center;
width: 100%;
height: px;
position: absolute;
}
</style>
<div class="underbanner">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="150" width="800" data="http://www.sohappyinparis.com/bandeau_sohappy.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.sohappyinparis.com/bandeau_sohappy.swf" />
</object></mspobj>
</div>
Merci de votre aide et il est largement possible que ce soit un problème de code puisque je suis plus un bricoleur du net qu'un développeur.
A voir également:
- Problème d'affichage IE & Mozilla
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Mozilla firefox - Télécharger - Navigateurs
- Affichage double ecran - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Mozilla thunderbird - Télécharger - Mail
8 réponses
salut,
dans la déclaration de ta classe, essaye avec
par ailleurs, tu a un certain nombre d'options d'affichage qui fonctionne sur IE mais pas sur Firefox et inversement.
dans la déclaration de ta classe, essaye avec
.underbanner div { ...
par ailleurs, tu a un certain nombre d'options d'affichage qui fonctionne sur IE mais pas sur Firefox et inversement.
Je viens d'essayer et ça marche pas. Il me l'affiche dans la frame.
http://maitre.yo.free.fr/michaelcanitrot/Sans%20titre.jpg
Le problème c'est que ce sont des frames définies par myspace et je vois pas pourquoi il ne garde pas les mêmes "coordonnées" d'affichage selon IE et mozilla.
http://maitre.yo.free.fr/michaelcanitrot/Sans%20titre.jpg
Le problème c'est que ce sont des frames définies par myspace et je vois pas pourquoi il ne garde pas les mêmes "coordonnées" d'affichage selon IE et mozilla.
Bonjour
J'ai un souci sur un mail contenant une image coupée en 4 sur hotmail via Firefox. Je précise que j'utilise firefox car sur IE le problème n'est pas présent.
Voila donc le topo :
J'ai mis mon image dans un tableau comme suit :
<table.........>
<tr>
<td><img src="............1er morceau...............></td>
<td><img src=".............2eme morceau..............></td>
</tr>
<tr>
<td><img src="............3eme morceau...............></td>
<td><img src="..............4eme morceau.............></td>
</tr>
</table>
Le souci apparait entre les 2 balises TR
Sur l'aperçu, on voit un trait blanc qui traverse l'image.
Pourtant, j'ai supprimer les espaces, mais le problème perciste.
Pouvez vous m'aider ??
Merci d'avance
T_flon_974
Sa mem mem la mem....
J'ai un souci sur un mail contenant une image coupée en 4 sur hotmail via Firefox. Je précise que j'utilise firefox car sur IE le problème n'est pas présent.
Voila donc le topo :
J'ai mis mon image dans un tableau comme suit :
<table.........>
<tr>
<td><img src="............1er morceau...............></td>
<td><img src=".............2eme morceau..............></td>
</tr>
<tr>
<td><img src="............3eme morceau...............></td>
<td><img src="..............4eme morceau.............></td>
</tr>
</table>
Le souci apparait entre les 2 balises TR
Sur l'aperçu, on voit un trait blanc qui traverse l'image.
Pourtant, j'ai supprimer les espaces, mais le problème perciste.
Pouvez vous m'aider ??
Merci d'avance
T_flon_974
Sa mem mem la mem....
j'ai aussi un problème d'affichage d'une bannière en flash sous mozilla firefox pourtant elle s'affiche bien sous IE
la page comprend deux bannières en flash l'une s'affoche l'autre non et voici le code html qui comprend l'insertion du bannière problème :
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><embed src="images/bannière.swf" height="157" width="760"></h1>
................
et en css :
#wrapper {
margin: auto;
text-align: left;
width: 762px;
background: white;
height:auto;
}
#wrapperi {
padding: 0px 2px;
background: url(images/dot.gif) 229px 0px repeat-y;
}
#wrapperj {
background: url(images/dot.gif) 760px 0px repeat-y;
}
la page comprend deux bannières en flash l'une s'affoche l'autre non et voici le code html qui comprend l'insertion du bannière problème :
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><embed src="images/bannière.swf" height="157" width="760"></h1>
................
et en css :
#wrapper {
margin: auto;
text-align: left;
width: 762px;
background: white;
height:auto;
}
#wrapperi {
padding: 0px 2px;
background: url(images/dot.gif) 229px 0px repeat-y;
}
#wrapperj {
background: url(images/dot.gif) 760px 0px repeat-y;
}
slt bbar les problèmes figurent dans la bannière que dans l'hébergemnt mais sur mon ordinateur les deux bannières s'affichent correctement soit sous IE soit sous Mozilla et voici le code :
<html>
<head>
<title>Numeric Data System</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {
color: #FF9900;
font-weight: bold;
}
.Style2 {font-size: 15px}
.Style3 {
color: #FFFFFF;
font-size: 14px;
}
.Style4 {color: #FFFFFF}
.Style6 {color: #FFFFFF; font-weight: bold; }
.style9 {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style10 {color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style13 {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style15 {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; }
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><embed src="images/bannière.swf" height="157" width="760"></h1>
<div id="left">
<ul id="nav">
<li><a href="index.html">Accueil</a></li>
<li><a href="service.html">Services </a></li>
<li><a href="prodNDS.html">Produits</a></li>
<li><a href="Expertises.html">Expertise</a></li>
<li><a href="SOCIETE.html">Société</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="admin/index.php">Administrateur</a></li>
</ul>
<div id="news" style="width: 214 ; height: 451">
<table width="220" height="186" border="0" align="left" background="images/espace copie.jpg">
<tr>
<td height="32" colspan="2"><div align="left" class="style10">
<div align="center">Identification Membre </div>
</div></td>
</tr>
<tr>
<td height="45"><span class="style13">Login:</span></td>
<td height="45"><input name="textfield" type="text" size="15"></td>
</tr>
<tr>
<td height="39"><span class="style13">Mot de passe: </span></td>
<td height="39"><input name="textfield" type="password" size="15"></td>
</tr>
<tr>
<td height="20" colspan="2"></td>
</tr>
<tr>
<td width="90" height="38"><input type="submit" name="Submit" value="Valider"></td>
<td width="120"><input type="reset" name="Submit" value="Annuler"></td>
</tr>
</table>
</div>
</div>
<div id="right"><embed src="images/bann 3.swf" width="516" height="92">
<h2><iframe src="acc.html" name="anis" width="520" height="600" border="0" frameborder="0"></iframe>
</h2>
</div>
</div>
<div class="clear">
<table width="576" height="55" border="0" align="center">
<tr>
<td width="570" class="style15"><div align="center"><span class="style9"> Copyrights © 2008, nds.com.tn, All rights reserved. </span></div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Remarque : vous povez voir le problème le site déja hébergé www.nds.com.tn
<html>
<head>
<title>Numeric Data System</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {
color: #FF9900;
font-weight: bold;
}
.Style2 {font-size: 15px}
.Style3 {
color: #FFFFFF;
font-size: 14px;
}
.Style4 {color: #FFFFFF}
.Style6 {color: #FFFFFF; font-weight: bold; }
.style9 {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style10 {color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style13 {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style15 {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; }
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><embed src="images/bannière.swf" height="157" width="760"></h1>
<div id="left">
<ul id="nav">
<li><a href="index.html">Accueil</a></li>
<li><a href="service.html">Services </a></li>
<li><a href="prodNDS.html">Produits</a></li>
<li><a href="Expertises.html">Expertise</a></li>
<li><a href="SOCIETE.html">Société</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="admin/index.php">Administrateur</a></li>
</ul>
<div id="news" style="width: 214 ; height: 451">
<table width="220" height="186" border="0" align="left" background="images/espace copie.jpg">
<tr>
<td height="32" colspan="2"><div align="left" class="style10">
<div align="center">Identification Membre </div>
</div></td>
</tr>
<tr>
<td height="45"><span class="style13">Login:</span></td>
<td height="45"><input name="textfield" type="text" size="15"></td>
</tr>
<tr>
<td height="39"><span class="style13">Mot de passe: </span></td>
<td height="39"><input name="textfield" type="password" size="15"></td>
</tr>
<tr>
<td height="20" colspan="2"></td>
</tr>
<tr>
<td width="90" height="38"><input type="submit" name="Submit" value="Valider"></td>
<td width="120"><input type="reset" name="Submit" value="Annuler"></td>
</tr>
</table>
</div>
</div>
<div id="right"><embed src="images/bann 3.swf" width="516" height="92">
<h2><iframe src="acc.html" name="anis" width="520" height="600" border="0" frameborder="0"></iframe>
</h2>
</div>
</div>
<div class="clear">
<table width="576" height="55" border="0" align="center">
<tr>
<td width="570" class="style15"><div align="center"><span class="style9"> Copyrights © 2008, nds.com.tn, All rights reserved. </span></div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Remarque : vous povez voir le problème le site déja hébergé www.nds.com.tn
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je veux savoir globalement les choses à éviter introduire dans les sites qui peuvent poser problème d'affichage pour différents navigateurs
t'as un accens dans le nom de ta première bannière : fais-le sauter en remplaçant le 'è' par 'e', autant dans le lien que dans le nom du fichier.
C'est la seule chose que je vois qui pourrait générer qque chose
C'est la seule chose que je vois qui pourrait générer qque chose
pour savoir quoi faire ou ne pas faire, pour ma part, je me fixe comme règle de ne pas utiliser d'espace ni de caractères spéciaux dans les noms de fichiers, et le nom entièrement en minuscule : en effet, si tes fichiers sont stockés sur un serveur linux, le codage des caractères spéciaux peut parfois donner des résultats bizarres.
Ensuite, entre Firefox et IE, dans certains cas, pas de mystère, faut les options pour chacun des deux navigateurs : ça fait redondant, mais si ça n'y est pas, ça ne s'affichera pas correctement
Ensuite, entre Firefox et IE, dans certains cas, pas de mystère, faut les options pour chacun des deux navigateurs : ça fait redondant, mais si ça n'y est pas, ça ne s'affichera pas correctement
