![]() |
Quote:
|
19.66% of the peeps who visit one of my sites..use FF
:2 cents: |
here is my style sheet look at the .box thats the area that is messed up in firefox
--------------------------------------- body, form, img, p, h1, h2, h3, input, select { margin: 0; padding: 0; } body { font: 12px/15px tahoma, sans-serif; color: #222; background: #f1f2f3; } img { border: none; } .tst { width: 50px; border-left:10px; margin: 0px 0px 0px 0px; padding: 100px; border-collapse: separate; text-align: left; vertical-align: top; } #container { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 0 auto auto; width: 850px; background: #ffffff url("../layout_images/new/barba.jpg") ; } #container table { width: 100% !important; width: 100%; margin: 0px 0px; } #container td { vertical-align: top; border-collapse: collapse; border-spacing: 0px; padding: 0px; } #header { margin: 0 0px 0px 0px !important; height: 0px; background: #5D7DBA; } #nav { border: 0px solid #6882ad; border-bottom: 0px solid #ECBD47; height: 36px; } #nav td { text-align: center; vertical-align: middle; width: 14%; border-right: 1px solid #E9AA0D; border-bottom: 0px solid #B7CEED; } #nav td a { color: #ffffff; text-decoration: none; height: 38px; font: 14px arial, sans-serif; font-weight: bold; display: block; background: #ECBD47 url("../layout_images/new/navb.jpg") 0px 0px repeat-x; border-bottom: 0px solid #f1f2f3; } #nav td a:hover { color: #fff; background: #6db2dd url("../layout_images/new/nav_bg_over.gif") 0px 1px repeat-x; } #subnav { border: 0px solid #dbe8fa; background: #e8ebf0; color: #41597f; } #subnav td { height: 0px; padding: 0px 0px; vertical-align: middle; } #subnav a { color: #41597f; } #subnav a:hover { color: #5378b4; } .abc td { padding: -10px -10px !important; } .abc { padding: -10px -10px !important; } .special { margin: 5px 0px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #ccccccc; background: #ffffff; } .special td { padding: 1px 5px !important; } .special td.category { background: url("../layout_images/new/folder.gif") 14px 9px no-repeat; padding-left: 36px !important; } .special tr.alt td.category { background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat; padding-left: 36px !important; } .special td.category_none { padding-left: 36px !important; } .special tr.alt td.category_none { padding-left: 36px !important; } .special th { border-top: 1px solid #6882ad; border-bottom: 1px solid #6882ad; height: 23px; padding: 5px 14px !important; padding: 2px 14px; white-space: nowrap; text-align: left; vertical-align: middle; color: #fff; background: #015ebc; font: bold 11px verdana, sans-serif; border-bottom: 3px solid #ecbd47; } .special th a { color: #fff; text-decoration: none; } .special th a:hover { text-decoration: underline; } .special td a, #content a { color: #0065b7; text-decoration: none; } .special td a strong { font-size: 110%; } .special td a:hover, .special td a:hover strong, #content a:hover { color: #fff; background: #0065b7; } .special tr.alt { background: #e7ebf0; } .special td.pointer { background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat; padding-left: 26px !important; } .special tr.alt td.pointer { background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat; padding-left: 26px !important; } /*-- Box headings and other tags --*/ .special h1 { font: bold 19px arial, sans-serif; margin: 10px 0 5px 0; clear: both; } .special h2 { font: bold 15px arial, sans-serif; margin: 20px 0 0 0; clear: both; border-bottom: 1px solid #a3aab7; } .special h3 { font: bold 13px arial, sans-serif; margin: 10px 0 5px 0; } .special p { margin: 8px 0; } .special ul { list-style: square; padding-left: 20px !important; margin-left: 0 !important; padding-left: 0; margin-left: 20px; } .special blockquote { border: 1px solid #e7ebf0; margin: 5px 3px 15px 3px; padding: 15px; background: #fff; } .box { margin: 0px 0px; border-top: 1px solid #F3FDA4; ; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #F3FDA4; } .box td { padding: 0px 0px !important; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-top: 0px solid #cccccc; border-bottom: 1px solid #cccccc; background: #F3FDA4 url("../layout_images/new/betterb.jpg"); } .box td.category { background: #F3FDA4; padding-left: 36px !important; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; } .box tr.alt td.category { background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat; padding-left: 36px !important; } .box th { border-top: 0px solid #ffffff; border-bottom: 2px solid #EDBB48; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; height: 8px; padding: 0px px !important; padding: 0px 0px; white-space: nowrap; text-align: left; vertical-align: middle; color: #333333; background: #B7CEED; font: bold 11px verdana, sans-serif; } .box th a { color: #fff; text-decoration: none; } .box th a:hover { text-decoration: underline; } .box td a, #content a { color: #0065b7; text-decoration: none; } .box td a strong { font-size: 150%; } .box td a:hover, .box td a:hover strong, #content a:hover { color: #025497; text-decoration: underline; } .box tr.alt { } .box td.pointer { background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat; padding-left: 26px !important; } .box tr.alt td.pointer { background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat; padding-left: 26px !important; } |
Here's the code for my index page
--------------------------------------- <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%"> {if $banner} {/if} {if $index_catid==0} <!-- If we are on frontpage --> {if $member} <h2>{$index_welcome_91}</h2> <p class="headline">{$index_welcome_92}</p> {else}<table width="850" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" bordercolor="#cccccc"> <tr> <table width="830" height="91" cellspacing="0" class="box3"> <tr> <td background="images/bannerbestya.jpg" width="560"><br><br><br><br><br><div align="center"><FONT color="#333333" size="-1"><MARQUEE bgcolor="#F3FDA4" direction="left" loop="1" width="100%" scrolldelay="100"><STRONG>Thank you for using for your classified needs and please tell a friend about us.</STRONG></MARQUEE></FONT></DIV> </td> <td background="images/loginbestyy.jpg" width="290"> <br><form method="post" action="member_login.php"> <input type="hidden" name="redirect_to" value="{$SENDTO}" /> Email: <input type="text" class="txt" id="username" name="username" value="{$USERNAME}" size="20"/> <br><center>Password: <input type="password" class="txt" name="password" value="{$PASSWORD}" size="16"/> <input type="submit" name="submit" class="button" value="{$smarty.const.LA_LOGIN}" /> </form><b><br><a href="register.php"><b>Register Here to post it's FREE and Quick.</b></a></center></td> </tr> </table> {/if} {/if} {if $catname} </td> </tr> <br> <h2>{$catname}</h2> {/if} <table border='0' cellspacing='7' width='100%'/><tr><td valign='top' width='59%'><br>{php} include("catcol.php"); {/php} </td> {if $special_list} <td valign="top" width='100%'> <br><!-- SHOW LIST --> {if !$HideLastListFp} {php}include("links.php");{/php} {/if} <script type="text/javascript"> /* Locations can be edited manually by updating 'wx_locID' below. Please also update */ /* the location name and link in the above div (wx_module) to reflect any changes made. */ var wx_locID = '18951'; /* If you are editing locations manually and are adding multiple modules to one page, each */ /* module must have a unique div id. Please append a unique # to the div above, as well */ /* as the one referenced just below. If you use the builder to create individual modules */ /* you will not need to edit these parameters. */ var wx_targetDiv = 'wx_module_6427'; /* Please do not change the configuration value [wx_config] manually - your module */ /* will no longer function if you do. If at any time you wish to modify this */ /* configuration please use the graphical configuration tool found at */ /* https://registration.weather.com/ursa/wow/step2 */ var wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=F*BGC=b7 ceed*MAP=null|null*DN=*TIER=0*PID=1041607056*MD5=d 9f2bbfb7765339efc35ad56bd027129'; document.write('<scr'+'ipt src="'+document.location.protocol+'//wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document .location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>'); </script></center> </td> {/if} </tr></table> <!-- SHOW LIST --> {if !$HideLastListFp} {php}include("links.php");{/php} {/if} </td></tr></table> |
and here's one more part of the code where the problems are:
-------------------------------------- {php} $catbanner=1; include "ad_get.php"; {/php} {if $categories} <table width='100%' cellspacing="8" class="box"> <tr bgcolor="#ECBD47"><iframe src="http://free.timeanddate.com/clock/ikt5p2j/n198/fs12/tcf3fda4/ftb/bacccc/tt0/tw0/ts1" frameborder="0" width="165" height="20"></iframe> </tr> <tr bgcolor="#ECBD47"> {foreach name=main item=category from=$categories} {if $category.IMAGE != "default.gif"} <td width="{$TD_SIZE}%" class="category_none"> {else} <td width="{$TD_SIZE}% class="category"> {/if} <img src="catimages/{$category.IMAGE}" alt="bucks county jobs" hspace="0" /> </a> {if $category.SUBCATLIST} {foreach name=sub item=sub from=$category.SUBCATLIST} <a href="index.php?catid={$sub.CATID}" title="{$sub.CATNAME}"> <img src="layout_images/new/lb.png"> {$sub.CATNAME}</a> <small class="littleGray">{$sub.NUM}</small><br>{if !$smarty.foreach.sub.last}{/if} {/foreach} {elseif $category.CATDESCRIPTION} <small>{$category.CATDESCRIPTION}</small> {/if} </td> {if $category.BREAK && !$smarty.foreach.main.last} </tr><tr class="{cycle values="alt,"}"> {/if} {if $smarty.foreach.main.last} {if $category.REMAIN_TD>0} <td colspan="{$category.REMAIN_TD}"></td> {/if} {/if} {/foreach} </tr> </table> {/if} |
Quote:
|
Wow, I think this is the first time I see (gasp) code and work shit on GFY :P
Anyhow, this is no hack, when I'm burnt and can't take the tweak shit anymore (and every once in a while I'm challenged beyond patience or capacity) I just fall back on good old fashioned TABLES. Yep, tables work fine and fix fuckups or cross-compliancy issues like a bazooka finally lights a cigarette - overkill, but job done. take a look at http://blog.livecamnetwork.com in IE, then in FF. If you can figure out wtf i'm doing that won't make that right hand column show the background of the div behind it (instead of what it IS doing, which is seeing through everything to the background image) then I'll try to think of something nice to do for you. Like free time with the LCN Girl of your choice... |
Quote:
|
.png and ie6 SUCKS
you need a css hack for that shit |
Quote:
as for IE... it does something very simple that MS haters complain about... IE fixes errors, if you don't close a tag it fixes the problem and loads the page correctly... FF and other browsers don't do that. Yes, I can see how one can say thats a bad thing, but it's smart in a way. IE has been doing this long before FF came out so why be mad at MS for continuing to fix errors. why not blame FF for not atleast attempting to fix an error |
heh knew my shit was too much of a challenge
|
Quote:
Wow.. Another sheep... If I were not on a windows machine, I would be on a Linux or a Mac and I wouldn't know Windows existed. And the people Microsoft bought (stole) from other companies without a world dominating agenda would still be working for those companies... creating software that conforms to a thing called standards! |
Quote:
|
Quote:
|
you know its not on the browser!
|
many commented that it's on how you write the PROPER HTML/CSS code...
and i agree with that... i still love to use FF than IE... IE sucks... lol |
Quote:
While you're feeling generous...can you help me out? works fine in ie....breaks up in firefox http://www.sex-free-teen.com/ any help would be greatly appreciated. 10% of my visitors use ff |
Quote:
|
Konq is probably the most difficult to contend with for a graphical browser, since it is very, very, very strict in compliance; this is what Apple built Safari on. However, trying to make anything usable for the text based browsers these days would prove interesting.. ASCII Porn, anyone?
|
Quote:
I think thats where you are going wrong mate :Oh crap |
Quote:
As for Unix it would probably of stayed a govt private used OS... if you look at everything is was all a chain reaction for the better. I'd rather have Microsoft being greedy than Apple. Apple is a lot worse when it comes to not wanting anyone to change or mess with there stuff |
Quote:
Pages always look perfect in them, then we show them to people who are on Windows and it's all fucked up. Pisses me off so much... |
Quote:
Wow... You guys are amazingly Republican on this one... Next you will be telling me how slavery in America never happened and be asking me for proof that it did... Fucking amazing. |
Quote:
1) If you define margin and padding to 0 in the body, you don't have to define the zeros again. 2) margin: 0px 0px 0px 0px; should be margin: 0; 3) padding: 100px; is nothing 4) margin: 0 auto auto; should be margin: 0 auto; This is to center the margin spacing but doesn't always work correctly within other elements. 5) width: 100%; 100% widths can cause issues between ie and ff 6) margin: 0 0px 0px 0px !important; should be margin: 0 !important; 7) vertical-align doesn't work correctly in all browsers 8) font: 14px arial, sans-serif; should be font-family: Define it in the body so you only have to define it again when you want it changed. 9) background: Shouldn't have widths or spaces assigned 10) In margin and padding, you need to define all sides: margin: 10px 10px isn't correct, margin: 0 10px 0 10px is correct .box { margin: 0px 0px; border-top: 1px solid #F3FDA4; ; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #F3FDA4; } Should be: You have an extra ; too .box { background: #F3FDA4; background-image:none; border-top: 1px solid #F3FDA4; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } Trying to force full paddings or margins, or trying to align divs with margins/padding is where IE and FF get bitchy with each other. Hope that helps, just some quick things that stood out to me. |
Try to keep things a bit simple and it will work on both firefox and IE, adult sites don't need too fancy css stuff.
I just try to make it all in DIV's with CSS, working in both browsers. |
this deserves a bump
|
img {
border: none; } img { border-width: 0px; } Your Index page you should go pure css eg. <td valign="top" width='100%'> = <td style="vertical-align: top; width: 100%;"> <table width="850" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" bordercolor="#cccccc"> = <table style="width: 850px; background-color: #FFFFFF; border-width: 0px; border-color: #CCCCCC; border-style: solid;"> Hints ----- Don't use <font=> tags, use CSS and define the font size in px. Get rid of cellpadding in all your code. It will fuck the most up. In your head css table, td and img declarations I use these to make the playing field even between IE and FF... table { margin: 0px; border-collapse: collapse; vertical-align: top; text-align: center; } td { padding: 0px; vertical-align: top; text-align: center; } img { border-width: 0px; vertical-align: bottom; padding: 0px; } Then I build everything up from there. |
IE doesn't support standards.
Firefox does. Which means Firefox is displaying the website right, you're just not writing it in a way that supports standards. :) |
Quote:
Hey dude, 96% of the time, it looks fine in FF, and is fucked up in IE !! :warning:helpme |
Quote:
|
Quote:
|
Quote:
|
Quote:
|
Quote:
|
Quote:
|
Quote:
|
Quote:
The Hun can get more people to download a video of a guy sucking off a horse than Mozilla can get people to switch to FF. |
Quote:
15-20% of the market is pure amazing, very low advertisements, word of mouth marketing and free button marketing.. And the fact that IE is on every built PC int he world pretty much... What an amazing accomplishment, and backed with a 4% growth this year alone.. FF is growing like mad. |
Quote:
Quote:
Quote:
|
Fire fox works great for me.
|
Quote:
Quote:
Quote:
|
Quote:
Quote:
Quote:
Nice copout. Stating facts then telling doubters to go prove your own figures. Nice. How about just showing me where you got your data from. Quote:
|
Quote:
|
Quote:
Hell, even many Microsoft engineers are Firefox users, and have been for a long time. |
Also, coding to web standards just makes a lot of sense. The standards are very clearly outlined, well documented, and most importantly... consistent.
Sure, IE might be able to figure out how to render your incorrect code the way you intended it to be rendered.. today. But you dont know what might change tomorrow. You don't know what rules its using to sort out your messy code. You dont know if its a bug, if it was intended behavior, or even if it will still work the same way on the next MS patch day. |
Quote:
Quote:
Quote:
The data on FF is very open, has been blogged about, and continues to be talked about in social media rather heavily. FF has been moving quickly up the ranks in the last 6 months, it's a fact not a theory. Quote:
You will lose any statistic argument with me, period. |
Quote:
BTW... is IE that thing that collects viruses/adware that we don't use on any boxes, but emulate it thru Firefox? :1orglaugh |
Quote:
|
Quote:
|
Quote:
And why couldn't you posted that earlier instead of being an ass and making yourself look like a dipshit? |
| All times are GMT -7. The time now is 10:55 AM. |
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123