Problème affichage site avec firefox
dark azuria
Messages postés
33
Statut
Membre
-
dark azuria Messages postés 33 Statut Membre -
dark azuria Messages postés 33 Statut Membre -
Bonjour à tous,
Je viens de faire un nouvelle version sur mon site avec un nouveau logiciel : Dreamweaver. Avant j'utilisait Front Page.
J'ai publié la nouvelle version, avec internet explorer tout va bien, mais avec firefox la page news.php (de cutenews) n'apparait pas sur mon site et la 2eme frame n'est pas centré mais aligné à gauche.
Voici comment mon site est affiché avec IE : http://fascinating.kristen.free.fr/preview1.jpg
et avec Firefox : http://fascinating.kristen.free.fr/preview2.jpg
Et voila je code de ma page index.htm :
<html>
<head>
<LINK href="kkstyle.css" type=text/css rel="stylesheet"></link>
<base target="_blank">
<title>●● Fascinating Kristen ●● Votre 1ère source française sur Kristen Stewart</title>
<style type="text/css">
<!--
body {
background-image: url(bg0.jpg);
background-repeat: repeat-x;
margin-top: 0px;
background-color: #F8F3F9;
}
.Style3 {color: #EEEEEE}
.Style4 {color: #CC0066}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('maccueil02.jpg','mkristen02.jpg','mgalerie02.jpg','mmulti02.jpg','monline02.jpg')">
<span class="Style4"></span>
<div align="center"><img src="designv2.jpg" width="830" height="343" /></div>
<div align="center">
<p><a href="http://fascinating.kristen.free.fr/news.php" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','maccueil02.jpg',1)"><img src="maccueil.jpg" name="Image2" width="87" height="31" border="0" id="Image2" /></a><a href="kristen.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mkristen02.jpg',1)"><img src="mkristen.jpg" name="Image3" width="86" height="31" border="0" id="Image3" /></a><a href="http://fascinating.kristen.free.fr/galerie/" TARGET="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','mgalerie02.jpg',1)"><img src="mgalerie.jpg" name="Image4" width="83" height="31" border="0" id="Image4" /></a><a href="media.htm?" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','mmulti02.jpg',1)"><img src="mmulti.jpg" name="Image5" width="122" height="31" border="0" id="Image5" /></a><a href="site.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','mwebsite02.jpg',0)"><img src="mwebsite.jpg" name="Image6" width="91" height="31" border="0" id="Image6" /></a><a href="online.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','monline02.jpg',1)"><img src="monline.jpg" name="Image7" width="82" height="31" border="0" id="Image7" /></a><span class="Style3"> .....</span><br />
</p>
</div>
<IFRAME name="iframe2" SRC="menu02.htm" FRAMEBORDER="0" SCROLLING="auto" WIDTH="220" HEIGHT="2100" align="center" style="FILTER: chroma (color=EEEEEE)">
<IFRAME name="iframe1" SRC="http://fascinating.kristen.free.fr/news.php" FRAMEBORDER="0" SCROLLING="autom " WIDTH="600" HEIGHT="2100" align="center" style="FILTER: chroma (color=EEEEEE)">
</body>
</html>
J'éspère que vous trouverez une solution à mon problème et surtout j'éspère que j'ai été assez claire.
Merci d'avance
Dark Azuria <3
Je viens de faire un nouvelle version sur mon site avec un nouveau logiciel : Dreamweaver. Avant j'utilisait Front Page.
J'ai publié la nouvelle version, avec internet explorer tout va bien, mais avec firefox la page news.php (de cutenews) n'apparait pas sur mon site et la 2eme frame n'est pas centré mais aligné à gauche.
Voici comment mon site est affiché avec IE : http://fascinating.kristen.free.fr/preview1.jpg
et avec Firefox : http://fascinating.kristen.free.fr/preview2.jpg
Et voila je code de ma page index.htm :
<html>
<head>
<LINK href="kkstyle.css" type=text/css rel="stylesheet"></link>
<base target="_blank">
<title>●● Fascinating Kristen ●● Votre 1ère source française sur Kristen Stewart</title>
<style type="text/css">
<!--
body {
background-image: url(bg0.jpg);
background-repeat: repeat-x;
margin-top: 0px;
background-color: #F8F3F9;
}
.Style3 {color: #EEEEEE}
.Style4 {color: #CC0066}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('maccueil02.jpg','mkristen02.jpg','mgalerie02.jpg','mmulti02.jpg','monline02.jpg')">
<span class="Style4"></span>
<div align="center"><img src="designv2.jpg" width="830" height="343" /></div>
<div align="center">
<p><a href="http://fascinating.kristen.free.fr/news.php" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','maccueil02.jpg',1)"><img src="maccueil.jpg" name="Image2" width="87" height="31" border="0" id="Image2" /></a><a href="kristen.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mkristen02.jpg',1)"><img src="mkristen.jpg" name="Image3" width="86" height="31" border="0" id="Image3" /></a><a href="http://fascinating.kristen.free.fr/galerie/" TARGET="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','mgalerie02.jpg',1)"><img src="mgalerie.jpg" name="Image4" width="83" height="31" border="0" id="Image4" /></a><a href="media.htm?" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','mmulti02.jpg',1)"><img src="mmulti.jpg" name="Image5" width="122" height="31" border="0" id="Image5" /></a><a href="site.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','mwebsite02.jpg',0)"><img src="mwebsite.jpg" name="Image6" width="91" height="31" border="0" id="Image6" /></a><a href="online.htm" TARGET="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','monline02.jpg',1)"><img src="monline.jpg" name="Image7" width="82" height="31" border="0" id="Image7" /></a><span class="Style3"> .....</span><br />
</p>
</div>
<IFRAME name="iframe2" SRC="menu02.htm" FRAMEBORDER="0" SCROLLING="auto" WIDTH="220" HEIGHT="2100" align="center" style="FILTER: chroma (color=EEEEEE)">
<IFRAME name="iframe1" SRC="http://fascinating.kristen.free.fr/news.php" FRAMEBORDER="0" SCROLLING="autom " WIDTH="600" HEIGHT="2100" align="center" style="FILTER: chroma (color=EEEEEE)">
</body>
</html>
J'éspère que vous trouverez une solution à mon problème et surtout j'éspère que j'ai été assez claire.
Merci d'avance
Dark Azuria <3
A voir également:
- Problème affichage site avec firefox
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site comme coco - Accueil - Réseaux sociaux
2 réponses
Salut comme ça ça devrait marcher :
Alors mon code n'est pas parfait loin s'en faut.
Mais une ou deux petites recommandations :
- Utilise toujours un doctype en début de page pour savoir quel langage utiliser. J'ai choisi xhtml donc toutes tes balises snt en minuscule.
- Les balises <iframe> doivent se fermer </iframe> comme les autres.
- Quand tu écris du texte, même dans la balise <title> pense à utiliser les caractères spéciaux htm.
é devient
-Le filter:chroma n'est compris que par IE, dommage de priver une partie des internautes de tes effets de mise en page.
- Pour tes images, essaie de mettre un attribut <alt> pour les internautes qui utilisent un navigateur de type Lynx (mode texte) par exemple et qui ne verront rien à la place de tes images.
Voilà ce n'est pas exhautif et ton code n'est pas tout à fait valide mais c'est quand même mieux et c'est centré sur firefox et ie.
Si ça ne marche pas chez toi, fais-moi signe.
@ pluche.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="kkstyle.css" type=text/css rel="stylesheet"/>
<base target="_blank"/>
<title>●● Fascinating Kristen ●● Votre 1ère source française sur Kristen Stewart</title>
<style type="text/css">
<!--
body {
background-image: url(http://fascinating.kristen.free.fr/bg0.jpg);
background-repeat: repeat-x;
margin-top: 0px;
background-color: #F8F3F9;
}
.Style3 {color: #EEEEEE}
.Style4 {color: #CC0066}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('maccueil02.jpg','mkristen02.jpg','mgalerie02.jpg','mmulti02.jpg','monline02.jpg')">
<span class="Style4"></span>
<div align="center"><img src="http://fascinating.kristen.free.fr/designv2.jpg" width="830" height="343" /></div>
<div align="center">
<p><a href="http://fascinating.kristen.free.fr/news.php" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','maccueil02.jpg',1)"><img src="http://fascinating.kristen.free.fr/maccueil.jpg" name="Image2" width="87" height="31" border="0" id="Image2" /></a><a href="http://fascinating.kristen.free.fr/kristen.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mkristen02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mkristen.jpg" name="Image3" width="86" height="31" border="0" id="Image3" /></a><a href="http://fascinating.kristen.free.fr/galerie/" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','mgalerie02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mgalerie.jpg" name="Image4" width="83" height="31" border="0" id="Image4" /></a><a href="http://fascinating.kristen.free.fr/media.htm?" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','mmulti02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mmulti.jpg" name="Image5" width="122" height="31" border="0" id="Image5" /></a><a href="http://fascinating.kristen.free.fr/site.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','mwebsite02.jpg',0)"><img src="http://fascinating.kristen.free.fr/mwebsite.jpg" name="Image6" width="91" height="31" border="0" id="Image6" /></a><a href="http://fascinating.kristen.free.fr/online.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','monline02.jpg',1)"><img src="http://fascinating.kristen.free.fr/monline.jpg" name="Image7" width="82" height="31" border="0" id="Image7" /></a><span class="Style3"> .....</span><br />
</p>
</div>
<div align="center">
<iframe name="iframe2" src="http://fascinating.kristen.free.fr/menu02.htm" frameborder="0" scrolling="auto" width="220" height="2100" style="filter: chroma (color=eeeeee)"></iframe>
<iframe name="iframe1" src="http://fascinating.kristen.free.fr/news.php" frameborder="0" scrolling="auto " width="600" height="2100" style="FILTER: chroma (color=EEEEEE)"></iframe></div>
</body>
</html>
Alors mon code n'est pas parfait loin s'en faut.
Mais une ou deux petites recommandations :
- Utilise toujours un doctype en début de page pour savoir quel langage utiliser. J'ai choisi xhtml donc toutes tes balises snt en minuscule.
- Les balises <iframe> doivent se fermer </iframe> comme les autres.
- Quand tu écris du texte, même dans la balise <title> pense à utiliser les caractères spéciaux htm.
é devient
épar exemple, tu trouveras ton bonheur avec google.
-Le filter:chroma n'est compris que par IE, dommage de priver une partie des internautes de tes effets de mise en page.
- Pour tes images, essaie de mettre un attribut <alt> pour les internautes qui utilisent un navigateur de type Lynx (mode texte) par exemple et qui ne verront rien à la place de tes images.
Voilà ce n'est pas exhautif et ton code n'est pas tout à fait valide mais c'est quand même mieux et c'est centré sur firefox et ie.
Si ça ne marche pas chez toi, fais-moi signe.
@ pluche.
Merci beaucoup ton code marche. =)
Par contre j'ai pas trouver sur google comment faire avec Le filter:chroma . Parce que c'est vrai que avec filrefox il n'y a pas les effet de mise en page. Qu'est ce qu'il faut mettre comme code alor pour que on voie les effet avec firefox ?
J'éspère que toi ou quelqu'un d'autre pourras m'aider, et en tout cas merci d'avoir résolu mon première problème.
Par contre j'ai pas trouver sur google comment faire avec Le filter:chroma . Parce que c'est vrai que avec filrefox il n'y a pas les effet de mise en page. Qu'est ce qu'il faut mettre comme code alor pour que on voie les effet avec firefox ?
J'éspère que toi ou quelqu'un d'autre pourras m'aider, et en tout cas merci d'avoir résolu mon première problème.
