arbelo Posted June 25, 2006 Share Posted 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? Quote Link to comment https://forums.phpfreaks.com/topic/12855-firefox-css-layout-problems/ Share on other sites More sharing options...
moberemk Posted June 25, 2006 Share Posted 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. Quote Link to comment https://forums.phpfreaks.com/topic/12855-firefox-css-layout-problems/#findComment-49357 Share on other sites More sharing options...
arbelo Posted June 25, 2006 Author Share Posted 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><!--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 ---------------------------------> Quote Link to comment https://forums.phpfreaks.com/topic/12855-firefox-css-layout-problems/#findComment-49373 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.