Jump to content

Archived

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

arbelo

Firefox CSS Layout problems

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?

Share this post


Link to post
Share on other sites
Can we have the HTML source too? That might help. And by source, I mean the generated HTML. It would be even better if you had a live demo up.

Share this post


Link to post
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 --------------------------------->

Share this post


Link to post
Share on other sites

×

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.