Just nu i M3-nätverket
Jump to content

Hemsidan ser olika ut i olika webläsare


mamoon

Recommended Posts

Jag har skapat en hem sida den ser perfekt ut i Ms Explorer men i mozella firefox ser annorlunda ut vad det beror på?

vad ska jag gör att den se ut på alla webläsare på samma sätt som i MS Explorer?

jag skapade sinda i frontpage.

 

Tack

 

 

Link to comment
Share on other sites

Inte för att jag direkt kan svara på frågan men om du skall kunna få svar kanske du skall skicka med länken eller visa koden så kanske någon konkret kan tala om vad det är för fel.

 

Om du klistrar in koden i LOG taggar så blir inte inlägget så långt

 

En tanke bara...

Milla

 

Den som uppfann arbetet måste inte ha haft någonting att göra.

 

Link to comment
Share on other sites

Här koden för min index sida.

[log]<html>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<script language="JavaScript">

<!--

function FP_preloadImgs() {//v1.0

var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();

for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }

}

 

function FP_swapImg() {//v1.0

var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;

n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args[n+1]; } }

}

 

function FP_getObjectByID(id,o) {//v1.0

var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);

else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;

if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if©

for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }

f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;

for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }

return null;

}

// -->

</script>

<style>

<!--

H1 {font-size: 26pt; font-family: arial, helvetica, sans-serif; font-weight: normal}

-->

</style>

</head>

 

<body onload="FP_preloadImgs(/*url*/'images/button5.jpg', /*url*/'images/button6.jpg', /*url*/'images/button8.jpg', /*url*/'images/button9.jpg', /*url*/'images/buttonB.jpg', /*url*/'images/buttonC.jpg', /*url*/'images/buttonE.jpg', /*url*/'images/buttonF.jpg', /*url*/'images/button14.jpg', /*url*/'images/button15.jpg', /*url*/'images/button88.jpg', /*url*/'images/button89.jpg', /*url*/'images/button11.jpg', /*url*/'images/button12.jpg', /*url*/'images/button178.jpg', /*url*/'images/button177.jpg', /*url*/'images/buttonA15.jpg', /*url*/'images/button179.jpg', /*url*/'images/button181.jpg', /*url*/'images/button180.jpg', /*url*/'images/button189.jpg', /*url*/'images/button188.jpg', /*url*/'images/button183.jpg', /*url*/'images/button182.jpg', /*url*/'images/button1A1.jpg', /*url*/'images/button168.jpg')">

 

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" width="699" height="524">

<tr>

<td valign="top" colspan="3" height="48">

<!-- MSCellType="ContentHead" -->

<table border="0" width="100%" id="table1" height="147">

<tr>

<td width="609" bgcolor="#FFFF66" colspan="2">

<p align="center">

<img border="0" src="images/huvud.jpg" width="594" height="73"></td>

<td width="11%" bgcolor="#FFFF66" colspan="2">

<img border="0" src="images/iii2.gif" width="87" height="75"></td>

</tr>

<tr>

<td bgcolor="#FFFF66" width="11%">

<p align="center">

<img border="0" src="images/bair-afgh.jpg" width="56" height="15" align="right"></td>

<td colspan="2" bgcolor="#FFFF66">

<p align="center"><marquee width="229" style="font-family: Tahoma; font-weight: bold; font-size: 10px" direction="right" scrolldelay="120">به انجمن افغانها در سویدن خوش آمدید</marquee></td>

<td bgcolor="#FFFF66" width="12%">

<p align="center"><img border="0" src="images/bir-swe.jpg" width="41" height="13"></td>

</tr>

<tr>

<td colspan="4" bgcolor="#FFFF66">

<p align="center">

<a href="index.htm">

<img border="0" id="img1" src="images/button90.jpg" height="20" width="100" alt="خانه" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button88.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button90.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button89.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button88.jpg')" fp-style="fp-btn: Glow Capsule 1" fp-title="خانه"></a><a href="mazmon.htm"><img border="0" id="img12" src="images/button13.jpg" height="20" width="100" alt="مضمون هفته" fp-style="fp-btn: Glow Capsule 1" fp-title="مضمون هفته" onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'images/button14.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'images/button13.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'images/button15.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'images/button14.jpg')"></a><a href="gozareshat.htm"><img border="0" id="img11" src="images/buttonD.jpg" height="20" width="100" alt="گزارشا ت" fp-style="fp-btn: Glow Capsule 1" fp-title="گزارشا ت" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/buttonE.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/buttonD.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/buttonF.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/buttonE.jpg')"></a><a href="eqtesadu.htm"><img border="0" id="img10" src="images/buttonA.jpg" height="20" width="100" alt="موسسا ت اقتصادی" fp-style="fp-btn: Glow Capsule 1; fp-font-size: 8" fp-title="موسسا ت اقتصادی" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/buttonC.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/buttonB.jpg')"></a><a href="fateha.htm"><img border="0" id="img9" src="images/button7.jpg" height="20" width="100" alt="فاتحه" fp-style="fp-btn: Glow Capsule 1" fp-title="فاتحه" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/button8.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/button7.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/button9.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/button8.jpg')"></a><a href="honar-wa-adab.htm"><img border="0" id="img8" src="images/button4.jpg" height="20" width="100" alt="هنر و ادبیات" fp-style="fp-btn: Glow Capsule 1" fp-title="هنر و ادبیات" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/button5.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'images/button4.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/button6.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'images/button5.jpg')"></a><a href="zanan.htm"><img border="0" id="img28" src="images/button16.jpg" height="20" width="100" alt="زنان" onmouseover="FP_swapImg(1,0,/*id*/'img28',/*url*/'images/button11.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img28',/*url*/'images/button16.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img28',/*url*/'images/button12.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img28',/*url*/'images/button11.jpg')" fp-style="fp-btn: Glow Capsule 1" fp-title="زنان"></a></td>

</tr>

</table>

</td>

</tr>

<tr>

<td valign="top" width="122" align="center" bgcolor="#FFFF66">

<!-- MSCellType="NavBody" -->

<table border="0" width="100%" id="table3">

<tr>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

</tr>

</table>

</td>

<td valign="top" width="510" bgcolor="#EEEEEE">

<!-- MSCellType="ContentBody" -->

<p align="center" style="margin-left: 0px; margin-right:5px">

 <p align="center" style="margin-left: 0px; margin-right:5px">

<a href="shadokht.htm">

<img border="0" src="images/Hindia_small.JPG" width="100" height="125"></a><br>

<strong><a href="shadokht.htm"><span lang="FA" dir="RTL" style="font-family: Arial">شاهدخت هنديه</span><font face="Arial"><span lang="FA">

</span></font><font face="Arial"><span lang="FA"><span dir="RTL">مهمان انجمن</span></span></font></a><span lang="FA" style="font-family: Tahoma" dir="RTL"><br>

 </span></strong><h1 class="MsoNormal" style="margin-left:0px; margin-right:5px; margin-top:0cm; margin-bottom:0pt" align="right">

<font face="Tahoma" size="2"><strong style="font-weight: 400">حلول

ماه مبارک رمضان بر هموطنان مسلمان و متدين ماخير مقدم باد<br>

انجمن افغانها درسويدن حلول ماه مبارک رمضان را برای تمام هموطنان

مسلمان و متدين در سويدن تبريک و تهنيت ميگويد <br>

ماه مبارک رمضان که يک ماه پرفضل وپربرکت ، ماه بخشش و آمرزش ، ماه

پرمعنويت ، ماه دعا ونيايش و بالاخره ماه تقرب به خداوند متعال و اجر

اخروی است  . انجمن افغانها آرزومند است که هموطنان عزيزو مومن ما اين

ماه پرفيض و برکت را با صحتمندی و سلامتی  به پايان برسانند <br>

فرارسيدن ماه مبارک رمضان برهمه هموطنان مسلمان ومتدين فرخنده وعبادت و

مناجاتشان نزد خداوند متعال مستجاب باد<br>

                                                       هيئت اجرائيه

انجمن</strong></font></h1>

<h1 class="MsoNormal" style="margin-left:0px; margin-right:5px; margin-top:0cm; margin-bottom:0pt" align="right">

<strong><font face="Tahoma" size="2">  <a href="http://www.islamguiden.com/ramadan/ramadan_2006.pdf">'>http://www.islamguiden.com/ramadan/ramadan_2006.pdf">

</a></font>

<a href="http://www.islamguiden.com/ramadan/ramadan_2006.pdf">

<font face="Tahoma" size="1"><span style="text-decoration: none">

برای ديدن اوقات نمازو افطار به اينجا کليک کنيد</span></font></a></strong></h1>

<p class="MsoNormal" style="margin-left:0px; margin-right:5px; margin-top:0cm; margin-bottom:0pt" align="right"><br>

<span lang="fa"><font face="Tahoma"> </font><font face="Arial" size="5"><b>در

این موارد بخوانید</b></font> </span></p>

<p class="MsoNormal" style="margin-left:0px; margin-right:5px; margin-top:0cm; margin-bottom:0pt" align="right">

<font face="Tahoma" size="1"><strong>

<a href="http://www.stockholmian.com/news/persiska/2006/09september/048_encrypt.htm" style="text-decoration: none">

نتايج نهايي انتخابات سويدن</a></strong></font><br>

<font color="#0000ff"><span lang="FA" dir="rtl"><strong><b>

<font color="#000000">

<a href="http://www.aftonbladet.se/vss/nyheter/story/0,2789,848528,00.html" style="text-decoration: none">

<font face="Tahoma" size="1">افتون بلادت : مقايسه دو قتل شرافتي در

سويدن و دنمارک</font></a></font></b></strong></span></font><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="right">

 <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="right">

 <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="right">

 <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="center">

 </td>

<td valign="top" height="429" width="108" bgcolor="#FFFF66" dir="ltr">

<!-- MSCellType="NavBody2" -->

<table border="0" width="88%" id="table4">

<!-- MSTableType="nolayout" -->

<tr>

<td align="center">

<a href="assasnama.pdf">

<img border="0" id="img23" src="images/button184.jpg" height="20" width="100" alt="اساسنامه" onmouseover="FP_swapImg(1,0,/*id*/'img23',/*url*/'images/button177.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img23',/*url*/'images/button184.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img23',/*url*/'images/button178.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img23',/*url*/'images/button177.jpg')" fp-style="fp-btn: Jewel 1; fp-orig: 0" fp-title="اساسنامه"></a></td>

</tr>

<tr>

<td align="center">

<a href="ozwiat.htm">

<img border="0" id="img24" src="images/button185.jpg" height="20" width="100" alt="شرایط عضویت" onmouseover="FP_swapImg(1,0,/*id*/'img24',/*url*/'images/button179.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img24',/*url*/'images/button185.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img24',/*url*/'images/buttonA15.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img24',/*url*/'images/button179.jpg')" fp-style="fp-btn: Jewel 1; fp-orig: 0" fp-title="شرایط عضویت"></a></td>

</tr>

<tr>

<td align="center">

<a href="panahenda.htm">

<img border="0" id="img27" src="images/button190.jpg" height="20" width="100" alt="پناهنده گان" onmouseover="FP_swapImg(1,0,/*id*/'img27',/*url*/'images/button188.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img27',/*url*/'images/button190.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img27',/*url*/'images/button189.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img27',/*url*/'images/button188.jpg')" fp-style="fp-btn: Jewel 1; fp-orig: 0" fp-title="پناهنده گان"></a></td>

</tr>

<tr>

<td align="center">

<a href="anjomanhaeafgani.htm">

<img border="0" id="img26" src="images/button187.jpg" height="20" width="102" alt="انجمن های افغانی" fp-style="fp-btn: Jewel 1; fp-font-size: 8; fp-orig: 0" fp-title="انجمن های افغانی" onmouseover="FP_swapImg(1,0,/*id*/'img26',/*url*/'images/button182.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img26',/*url*/'images/button187.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img26',/*url*/'images/button183.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img26',/*url*/'images/button182.jpg')"></a></td>

</tr>

<tr>

<td align="center">

<a href="warzesh.htm">

<img border="0" id="img22" src="images/button169.jpg" height="20" width="100" alt="ورزش" onmouseover="FP_swapImg(1,0,/*id*/'img22',/*url*/'images/button168.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img22',/*url*/'images/button169.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img22',/*url*/'images/button1A1.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img22',/*url*/'images/button168.jpg')" fp-style="fp-btn: Jewel 1; fp-orig: 0" fp-title="ورزش"></a></td>

</tr>

<tr>

<td align="center">

<a href="Tamasbama.htm">

<img border="0" id="img25" src="images/button186.jpg" height="20" width="100" alt="تماس با ما" onmouseover="FP_swapImg(1,0,/*id*/'img25',/*url*/'images/button180.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img25',/*url*/'images/button186.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img25',/*url*/'images/button181.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img25',/*url*/'images/button180.jpg')" fp-style="fp-btn: Jewel 1; fp-orig: 0" fp-title="تماس با ما"></a></td>

</tr>

</table>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> <p> <p> <p> </td>

</tr>

<tr>

<td valign="top" colspan="3" height="47" bgcolor="#FFFF66">

<!-- MSCellType="ContentFoot" -->

<div align="center">

<table border="0" width="96%" height="39" bgcolor="#99CCFE">

<tr>

<td>

<font size="1">Ansvarig: Nasim Sahar<br>

Webbmaster</font></td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</div>

 

</body>

 

</html>

[/log]

 

[inlägget ändrat 2006-10-08 22:29:23 av Jahan]

Link to comment
Share on other sites

[...]den ser perfekt ut i Ms Explorer men i mozella firefox ser annorlunda ut vad det beror på?
Det beror på att du använt Frontage och dess IE-specifika funktioner/stilar.

 

/Cluster

------------------------------------------------------------

Ditt vetande är värdelöst om inte andra vet att du vet

-----------> http://eforum.kicks-ass.net <------------

 

Link to comment
Share on other sites

Hej

tack för svaret som jag väntade mycket på. Hur kan jag ändra på den så att sidan se ut på samma sätt i alla webbläsare?

 

 

Link to comment
Share on other sites

Det här är kanske inget svar du "vill" ha men för att rätta upp HTML-kod går man lämpligen till

 

http://validator.w3.org/

 

Den kommer sannolikt att ge dig en lång lista på fel enligt standarden. Tyvärr tror jag inte FrontPage är speciellt bra verktyg om man vill skriva standardiserad kod, man har nog lite för liten kontroll för att lyckas med det. Men kanske det går, jag kan inte så mycket om nyare versioner av FP.

 

Därefter går man till

 

http://jigsaw.w3.org/css-validator/

 

och validerar sin CSS (stilmallar).

 

Att skriva syntaktiskt riktig kod är en bra början. Dock går det att få det se lika ut även med "felaktig" kod, man får väl välja själv vilken väg man vill gå.

 

Link to comment
Share on other sites

Valideringen är en bra början. Dock kan sidan se olika ut på en html-korrekt kod. Börja med valideringen, titta sen på sidan i firefox och IE och se efter vart ev skillnader ligger. Då är det oftast ett float eller liknande som är fel och det är ganska lättåtgärdat.

 

Link to comment
Share on other sites

Jag har gjort det och koden har blivit godkänd av valideringen, men felet är kvar, att sidan ser olika ut i IE och firefox.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...