Just nu i M3-nätverket
Gå till innehåll
mamoon

Hemsidan ser olika ut i olika webläsare

Rekommendera Poster

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

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
[...]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 <------------

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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?

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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å.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du borde använda <div> istället för <table> och stila de med css.

 

Webdesignskolan (.se) har bra guider...

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...