PDA

View Full Version : FireFox compatibility



mazoo
Sat 29th Sep '07, 2:04pm
Hi ,
I'm facing a weird problem in my style header , it's looks as what I design in IE6 , IE7 but it's mixed up when it's came to other browser such as : FireFox , Opera
As you can see the different in the attached picture .
I don’t know how to achieve a unified design in all browser ?
( the JS used in the header is a simple quote displayer , I try to remove it and see if it's the thing causing the problem but unfortunately , it wasn’t the problem . )
This is the header template code :

site URL :
www.cksu.com (http://www.cksu.com)


<!-- logo -->

<head>

</head>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-828960-1";
urchinTracker();
</script>

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0"

height="60"><tr>
<td bgcolor="#96BC31">
<table border="0" width="100%" height="75" id="table2" cellspacing="0" cellpadding="0"

background="images/tile.gif" height="75"><tr>
<td height="75">
<a href="http://www.cksu.com/">
<img border="0" src="images/title2.gif" width="350" height="75"></a></td>
<td height="75">
<p align="left">
<a href="http://www.cksu.com/">
<img border="0" src="images/cksu_logo2.jpg" width="200" height="75"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<div align="left">
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0"

height="100" bgcolor="#FFFFFF">
<tr>
<td width="200">
<div align="center">
<table border="0" width="200" cellspacing="0" cellpadding="0"

height="150">
<tr>
<td height="30">
<p align="center">
<img border="0"

src="http://www.cksu.com/vb/images2/note/h.jpg" width="200" height="30"></td>
</tr>
<tr>
<td background="images2/note/b.jpg" width="200"

height="95">
<div align="center">

<table border="0" width="102" cellpadding="0"

style="border-collapse: collapse" height="90">
<tr>
<td>
<p align="center">



<font face="Tahoma" size="1" color="#999999">
<script language="JavaScript">
// ==============================================
// Copyright 2004 by CodeLifter.com
// Free for all; but please leave in this header.
// ==============================================

var Quotation=new Array() // do not change this!

// Set up the quotations to be shown, below.
// To add more quotations, continue with the
// pattern, adding to the array. Remember
// to increment the Quotation[x] index!


Quotation[0] = "من صام رمضان ثم أتبعه ستاً من شوال كان كصيام الدهر";
Quotation[1] = "في الجنه ثمانيةُ أبواب ، فيها باب يسمى الريان ، لا يدخلهُ إلا الصائمون";
Quotation[2] = "أفضل الصدقة صدقة في رمضان";
Quotation[3] = "رب صائم حظه من صيامه الجوع والعطش";
Quotation[4] = "للصائم فرحتان يفرحهما، إذا أفطر فرح بفطره ، وإذا لقي ربه فرح بصومه";
Quotation[5] = "صُم صوم مودِّع";
Quotation[6] = "من صام رمضان ايمانا واحتسابا غفر له ماتقدم من ذنبه";
Quotation[7] = "ثلاث دعوات لاترد دعوة الوالد لولده ودعوة الصائم ودعوة المسافر";
Quotation[8] = "الصيام مدرسة الأخلاق";
Quotation[9] = "من لم يدع قول الزور والعمل به فليس لله حاجة في أن يدع طعامه وشرابه";
Quotation[0] = "اللهم تقبل صيامنا وقيامنا, واجعلنا من عتقائك من النار";
Quotation[1] = "في الجنه ثمانيةُ أبواب ، فيها باب يسمى الريان ، لا يدخلهُ إلا الصائمون";
Quotation[2] = "احرص على أن يكون هذا الشهر المبارك نقطة محاسبة وتقوم لأعمالك ومراجعة وتصحيح لحياتك";
Quotation[3] = "اعقد العزم على الاستمرار بعد رمضان على ما اعتدت عليه فيه";
Quotation[4] = "إن هذا الشهر هو شهر عبادة وعمل وليس نوم وكسل";
Quotation[5] = "عود لسانك على دوام الذكر ولا تكن من الذين لا يذكرون الله إلا قليلا.";
Quotation[6] = "عند شعورك بالجوع تذكر أنك ضعيف ولا تستغني عن الطعام وغيره من نعم الله";
Quotation[7] = "انتهز فرصة هذا الشهر للامتناع الدائم عن تعاطي مالا ينفعك بل يضرك";
Quotation[8] = "اعلم أن العمل أمانة فحاسب نفسك هل أداءه كما ينبغي";
Quotation[9] = "سارع إلى طلب العفو ممن ظلمته قبل أن يأخذ من حسناتك";
Quotation[0] = "احرص على أن تفطر صائما فيصير لك مثل أجره";
Quotation[1] = "اعلم أن الله أكرم الأكرمين وأرحم الراحمين ويقبل التوبة من التائبين وهو سبحانه شديد العقاب يمهل ولا يهمل";
Quotation[2] = "إن الاعتياد على التبكير إلى المساجد يدل على عظيم الشوق والأنس بالعبادة ومناجاة الخالق";
Quotation[3] = "رب صائم حظه من صيامه الجوع والعطش";
Quotation[4] = "للصائم فرحتان يفرحهما، إذا أفطر فرح، وإذا لقي ربه فرح بصومه";
Quotation[5] = "اعلم أن هذا الشهر المبارك ضيف راحل فأحسن ضيافته فما أسرع ما تذكره إذا ولى.";
Quotation[6] = "احرص على قيام ليالي العشر الأواخر فهي ليالي فاضلة وفيها ليلة القدر التي هي خير من ألف شهر";
Quotation[7] = "احذر من الفطر دون عذر فإن من أفطر يوما من رمضان لم يقضه صوم الدهر كله ولو صامه";
Quotation[8] = "اجعل لنفسك نصيبا ولو يسيرا من الاعتكاف";
Quotation[9] = "من لم يدع قول الزور والعمل به فليس لله حاجة في أن يدع طعامه وشرابه";
Quotation[0] = "من صام رمضان ثم أتبعه ستاً من شوال كان كصيام الدهر";
Quotation[1] = "في الجنه ثمانيةُ أبواب ، فيها باب يسمى الريان ، لا يدخلهُ إلا الصائمون";
Quotation[2] = "أفضل الصدقة صدقة في رمضان";
Quotation[3] = "رب صائم حظه من صيامه الجوع والعطش";
Quotation[4] = "للصائم فرحتان يفرحهما، إذا أفطر فرح، وإذا لقي ربه فرح بصومه";
Quotation[5] = "الصيام مدرسة الأخلاق.";
Quotation[6] = "من صام رمضان ايمانا واحتسابا غفر له ماتقدم من ذنبه";
Quotation[7] = "ثلاث دعوات لاترد دعوة الوالد لولده ودعوة الصائم ودعوة المسافر";
Quotation[8] = "الصيام مدرسة الأخلاق";
Quotation[9] = "من لم يدع قول الزور والعمل به فليس لله حاجة في أن يدع طعامه وشرابه";


// Do not change anything below this line
// ======================================
var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1));
function showQuotation(){document.write(Quotation[whichQuotation]);}
showQuotation();
</script> </font>

</td>
</tr>
</table>

</div>
</td>
</tr>
<tr>
<td height="30">
<p align="center">
<img border="0"

src="http://www.cksu.com/vb/images2/note/f.jpg" width="200" height="30"></td>
</tr>
</table>
</div>
</td><td>
$GLOBALS[bannerads]
</td>
</tr>
</table>
</div>
<table border="0" width="100%" id="table5" cellspacing="0" cellpadding="0"

height="30">
<tr>
<td width="100%" background="$stylevar[imgdir_misc]/bg4.gif" height="30">&nbsp;</td>
<td bgcolor="#2B9DCC" width="100%">
<div align="left">
<table border="0" id="table27" cellspacing="0" cellpadding="0" width="500"

height="30">
<tr>

<!-- /links -->

<td align="center" height="30"><p><map name="FPMap3">
<area href="search.php?do=getnew" shape="rect" coords="465, 0, 566, 29">
<area href="usercp.php" shape="rect" coords="376, 3, 459, 29">
<area href="search.php" shape="rect" coords="320, 0, 364, 29">
<area href="blog.php" shape="rect" coords="94, 0, 162, 29">
<area href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" shape="rect" coords="0, 0, 88, 29">
<area href="announcement.php?f=4&a=11" shape="rect" coords="259, 0, 311, 29">
<area href="uploader.php" shape="rect" coords="172, 0, 253, 29">
</map>
<img border="0" src="images2/navbar-links2.gif"

usemap="#FPMap3"></p></td>

<!-- /links -->

</tr>
</table>
</div>
</tr>
</table>



<!-- content table -->
$spacer_open
$_phpinclude_output


<if condition="$bbuserinfo['usergroupid'] ==3"><center><p><a

href="newthread.php?do=newthread&f=78">
<img border="0"

src="uploaded/9520/1180016400.gif"></a></p></center></if></if>


Regards,

Zachery
Sat 29th Sep '07, 3:14pm
Your html is pretty bad, you're not opening and closing tags properly and you're not using CSS in some places where you really should be.

mazoo
Sat 29th Sep '07, 8:20pm
how to enhance the current code ..
any suggestion ?

FreshFroot_
Sat 6th Oct '07, 1:53am
well the html coding could be formatted better, the tags don't look to bad.

BTW, are you using a program, eg. dreamweaver to create the template before hand? I know some tools for FF, which would help you find the exact coding that is causing the issue. I'll send you a PM about it.