Firefox CSS Layout problems

arbelo · June 25, 2006

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?

moberemk · June 25, 2006

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.

arbelo · June 25, 2006

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>

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



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



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



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



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

<div class="clear"></div>

Sign In

Firefox CSS Layout problems

Recommended Posts

arbelo

Link to comment

Share on other sites

moberemk

Link to comment

Share on other sites

arbelo

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information