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
PHP Code:
<!-- 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"> </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&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>
Thanks ,
More Information