Jump to content

Firefox CSS Layout problems


arbelo

Recommended Posts

Hi,

I have a PHP file that I am trying to design using CSS and it looks great in IE, but in FF it looks messy.

Here is the CSS:

html, body{
direction:rtl;
margin-left:0px;
margin-top:0px;
text-align:center;
}


/***Header***/
#header{}
#text-header h1{display:none;} /*Text Logo*/
#header-logo{position:absolute; top:0px; left:50%; z-index:1;margin-right:390px;background-image:url(http://he.wesell.co.il/images/header.jpg); background-repeat:no-repeat; width:780px; height:108px;} /*Header Logo*/
#nav-bar{position:absolute; top:108px; left:50%; z-index:2;margin-right:390px;background-image:url(http://he.wesell.co.il/images/menu_bar.jpg);width:780px; height:21px; text-align:right;}

/***Menu Items***/
#nav-bar a{
height:18px; width:80px;
vertical-align:bottom;
padding:0px;padding-right:15px;
background-repeat:no-repeat;
background-position:center right;
background-image:url(http://he.wesell.co.il/images/igul_green.gif);
FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Arial; TEXT-ALIGN: right; TEXT-DECORATION: none}
#nav-bar .homepage{width:100px} /*Homepage item width*/
#nav-bar .profile{width:80px} /*Profile item width*/
#nav-bar .choose{width:100px} /*Choose Advertiser item width*/
#nav-bar .tools{width:80px} /*Homepage item width*/
#nav-bar .reports{width:80px} /*Homepage item width*/
#nav-bar .2tier{width:80px} /*Homepage item width*/
#nav-bar .contact{width:90px} /*Homepage item width*/
#nav-bar .help{width:80px} /*Homepage item width*/
#nav-bar .disconnect{width:20px;background-image:url(http://he.wesell.co.il/images/igul_red.gif)}

#nav-bar a:hover{background-image:url(http://he.wesell.co.il/images/igul_blue.gif); TEXT-DECORATION: underline}

/*Standard Box Design*/
.StdBox {
table {border: 0px;}
td {background-color: #e8e8e8;padding: 10px;margin: 0px; font-family:Arial; font-size:10pt; color:#565853;}
th {background-image: url(http://he.wesell.co.il/images/tableheaderbg.jpg);height: 37px;TEXT-ALIGN:right;PADDING-RIGHT:55px;}
}
.boxArrow{
th(
}
/*Standard Table Design*/
.StdTable {
table {border: 1px;}
th {border: 1px;border-color:blue;background-image: url(http://he.wesell.co.il/images/tableheaderbg.jpg); height: 37px}
td {border: 1px;border-color:blue;background-color: #e8e8e8; padding: 10px; margin: 0px; font-family:Arial; TEXT-ALIGN:right; font-size:10pt; color:#565853;}
}



/***Diffrent Width***/
.w100pr {width:100%}
.w680px {width:680px}
.w335px {width:335px}


/***Diffrent Height***/
.h100pr {height:100%}

/**Affiliate Homepage layout**/
#affHomepageMessages{position:absolute; top:159px; left:50%; z-index:10;margin-right:340; width:680px; height:110px}
#affHomepageDailyTip{position:absolute; top:284px; left:50%;margin-right:-5px; width:335px; height:187px;}
#affHomepageStatistic{position:absolute; top:284px; left:50%;margin-right:340px; width:335px; height:187px;}
#affHomepageAdvertisersTable{position:absolute; top:486px; left:50%; margin-right:340; width:680px; height:110px;}

Any idea what's wrong?
Link to comment
Share on other sites

Here is the Internet Explorer:
[img src=\"http://he.wesell.co.il/screens/ie.jpg\" border=\"0\" alt=\"IPB Image\" /]

Here is the Firefox:
[img src=\"http://he.wesell.co.il/screens/ff.jpg\" border=\"0\" alt=\"IPB Image\" /]

[u]here is the HTML[/u]:
<HTML>
<HEAD>
<TITLE>WeSell</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1255"> <script src="../Scripts/TableSorter.js"></script>
<script src="../Scripts/PopUp.js"></script>
<style type="text/css">
@import url(../css/layoutheb.css);
</style>
</HEAD>

<BODY>
<!--Header-->
<div id="header-logo"></div>
<div id="nav-bar">
<a href="members_only.php" class="homepage">דף הבית</a>
<a href="details.php" class="profile">פרופיל</a>
<a href="PlanChoose.php" class="choose">בחר מפרסם</a>
<a href="Tools.php" class="tools">כלים</a>
<a href="Report.php" class="reports">דוחות</a>
<a href="TwoTier.php" class="2tier">דור שני</a>
<a href="contact.php" class="contact">צור קשר</a>
<a href="kb/index.php" class="help">עזרה</a>
<a href="logout.php" class="disconnect">התנתק</a>
</div>
<!--End of Header-->




<!------- Show welcome box of aff home page ------------->
<div id="affHomepageMessages">
<table class="StdBox w680px h100pr" cellspacing="0">
<tr>
<th>ברוכים הבאים לרשת WeSell</th>
</tr>
<tr>
<td>
<style> P { margin: 0px; } </style>
<P class=MsoNormal dir=rtl style="MARGIN: 0cm 0cm 0pt"><SPAN lang=HE style="FONT-FAMILY: David"><FONT size=3>נשמח לעמוד לשירותכם השאלות / הצעות / בקשות, ליצירת קשר לחץ כאן<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></SPAN></P> </td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
<!-------------- End of welcome box ------------->

<!-------------- Show Daily -Tip --------------->
<div id="affHomepageDailyTip">
<table class="StdBox w335px h100pr" cellspacing="0">
<tr>
<th class="boxArrow"></th>
<th>הטיפ היומי</th>
</tr>
<tr>
<td colspan="2">
<div class="TipContent">
<span class='HomeContentTitle' width='240' height='150'>222 2</span><br><br><span class='HomeContent' width='240' height='150'>333 33 3</span><br><br><br> <a target='_blank' href='http://www.disney.com' class='RightLinks' width='240' >קרא עוד...</a> </div>
</td>
</tr>
</table>
</div>
<!--------------- End of Daily -Tip ------------------>

<!--------------- Show Statistics -------------------->
<div id="affHomepageStatistic">
<table class="StdBox w335px h100pr" cellspacing="0">
<tr>
<th colspan="3">סטטיסטיקות</th>
</tr>
<tr>
<td width="100">כניסות היום</td>
<td width="1"> : </td>
<td width="50">0</td>
</tr>
<tr>
<td width="100">מכירות היום</td>
<td width="1"> : </td>
<td width="50">0</td>
</tr>
<tr>
<td width="100">כניסות החודש</td>
<td width="1"> : </td>
<td width="50">8</td>
</tr>
<tr>
<td width="100">מכירות החודש</td>
<td width="1"> : </td>
<td width="50">61</td>
</tr>
</table>
</div>
<!---------------- End of Statistics ----------------->

<!-------------- Show Advertisers table --------------->
<div id="affHomepageAdvertisersTable">
<form action="SearchResults.php?from=members_only" method="post">
<script type='text/javascript' src='../Scripts/common.js'></script>
<script type='text/javascript' src='../Scripts/css.js'></script>
<script type='text/javascript' src='../Scripts/standardista-table-sorting.js'></script>
<table cellspacing="0" class='StdTable w680px'>
<thead>
<tr>
<th>בחר</th>
<th>שם מפרסם</th>
<th>תיאור</th>
<th>עמלה</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="chk0" > <input type="hidden" name="id0" value="7"></td>
<td><span onClick="popUpWindow('PartnerInfo.php?partner=7',100,50,851,641);" style="cursor:pointer; " >another partner</span></td>
<td>This is another partner that n affiliate has signed in to</td>
<td>%</td>
</tr>
<tr>
<td><input type="checkbox" name="chk1" > <input type="hidden" name="id1" value="8"></td>
<td><span onClick="popUpWindow('PartnerInfo.php?partner=8',100,50,851,641);" style="cursor:pointer; " >temporar</span></td>
<td>sdfgsf</td>
<td>52%</td>
</tr>
<tr>
<td><input type="checkbox" name="chk2" > <input type="hidden" name="id2" value="11"></td>
<td><span onClick="popUpWindow('PartnerInfo.php?partner=11',100,50,851,641);" style="cursor:pointer; " >kakuro</span></td>
<td>s</td>
<td>75%</td>
</tr>
</tbody>
</table>
<input type="hidden" name="rows" value="3">
<a href="PlanChoose.php">לרשימת המפרסמים המלאה</a>  
<input type="submit" name="AddChosen" value="הוסף הנבחרים">
</form>
</div>
<!--------------- End of Advertisers table ------------------>
<div class="clear"></div>
<!---------------- Display button ---------------------------

<input type="hidden" name="rows" value="3">
<input type="submit" name="AddChosen" value="הוסף הנבחרים"> 
<a href="PlanChoose.php">לרשימת המפרסמים המלאה</a>
</form>
<!--------------- Form closed --------------------------------->

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.