FIREFOX is the worst browser!!! for making websites

Off of your meds again?

19.66% of the peeps who visit one of my sites..use FF

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&#37;" 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}" />
&nbsp;&nbsp;&nbsp;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>&nbsp;&nbsp;&nbsp;
<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}">
&nbsp;<img src="layout_images/new/lb.png">&nbsp;{$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}

No shit. It's scary how many people fall for this fanboy bullcrap... Mine is at 16.1% but still...

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

The overall is actually more like 34% and it's set to take over IE6 before the end of the year.

.png and ie6 SUCKS

you need a css hack for that shit

if it wasn't for bill gates a lot of use wouldn't have jobs online... or pc's in our homes. i know a lot people like to blame bill gates and complain while they're using there windows pc computers but you can't get mad at the guy or company for being successful. its not gates that screwed anything up its other companies that decide to change things... lets face it Microsoft set a lot more standards than later other companies come in and change things and people blame MS for not converting to the new standards.

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

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!

Nope I Love microsoft, and fucking hate macs, but only use Firefox. I hung on forever with IE, but finally it was too much with the pop ups and spyware.

You are correct. The industry when MS became a name was a mess with no standards and a mix of OS's going nowhere. That is probably the main contribution MS has given. Since then - well... the have earned money, but along with the usual problems working against developing standards and trying to retain *their* market share by deviating from what have become "standards".

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

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

Yep most of these kids here no nothing of the early days. Back in the 80's when I was a teenager every computer used a different operating system that had to be learn. IBM, Apple, Commodore, Texas Instruments, Radio Shack were some of the more popular home computers. ALL had different OSes and a program on one would not work on any of the others. Just imagine if Dells, HPs, Gateways, Acers, E-machines etc all had different OSes and you had to buy programs SPECFICALLY made for that brand of computer? that's what it was like before Windows.

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?

I hate to tell you this but you don't make sites with Firefox you view them with it.

I think thats where you are going wrong mate

Apple, was on the path that Microsoft took... Just like windows, mac has there OS and standards atleast Microsoft is a lot more flexible than Mac/Apple would of been. Don't forget how everything for the Apple Computer apple created software, accessories, etc. If MS didn't compete and create Windows we'd be complaining about how Apple is to big and not allowing anyone else to create programs for their system.

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

yeah, all the computers here are macs so al we have is Firefox and Safari 3.

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

Flexible? Jesus Fucking Christ! Do you guys know ANYTHING about Microsoft? They were NOT flexible. That is why they DIDN'T follow any standards and tried to get everyone else to have to conform to their patented bullshit so they could sell a license to everyone!

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.

I started to go through your css file, but honestly it has so many mistakes it isn't possible for me to notice where the exact problem is. So I will try to just point out a few things, and you can go through and correct them to see if it works.

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.

Hey dude, 96% of the time, it looks fine in FF, and is fucked up in IE !!

...90% of websites ignore those standards. That means they are naught but a joke

Holy shit he's old!

Over 30% of my visitors use FF and I'm sure many here can say the same. Not exactly negligible.

And in the end that doesn't matter if the overwhelming majority use IE. All of you "We're better" crowd just don't get it. Mac fanboys always saying Mac are better than PCs, Linux users always saying Linux is better than windows. Well even if they are right who gives a fuck? What is used more? Is a company going to write software for Linux only beause they have the "better" OS? Or are they going to cater to the 95% that use the "inferrior" OS?

links?

I don't get any more pop-ups and spyware with IE than FF or Opera which is nil. if you're getting pop-ups and spyware with IE then you're doing something wrong.

And Apple is? Can I use an Iphone with Verizon service? Can I use song bought from Itunes on something other than an Ipod without going thru hoops? Can I use the Macs OS on a PC? Apple is just NOW letting Safari work on PCs. who is inflexible?

Please at the slow rate of adoption FF will be browswer of choice by 50% of surfers by 2020. They've been pushing really hard especially the last 3 years trying to convince everyone that they are superior to IE and still only make up 15%-20%. It's not like thier product costs anything or is hard to find.

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.

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.

You're high. FF advertises in some form everywhere on the web.

I've seen new computers come with Netscape. So what that excuse?

Link

Fire fox works great for me.

I said "very low advertisements, word of mouth marketing and free button marketing"... FF's marketing power is driven by the people, not by FF.. Learn before you open your yap.


Link?

Do your own research, I have done mine.. And I have 1000's of domains which have the same growth statistics for FF.. The start of the year FF was 12&#37; average and currently they are 16%.. That's a 4% increase, well not directly.. but in the scale of browser wars.

Don't tell me learn anything kid. grow up. what are you 16?

How am I supposed to LINK to somethng I saw with my own eyes IN PERSON.

.

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.

Your own stats don't mean shit. I bet someone here could show you they hav 1000s of sites showing a 4% DECREASE in FF usage.

Good for you. Then keep using it. Just don't try to convert anyone.

Hate on Firefox fanboys all you want.. but.. if you are not using Firefox while developing your sites, you are really doing yourself a disservice. Even if you dont care about standards, or how your pages render in it, it has so many time-saving web developer extensions, its ridiculous. No other browser has anything that compares to the web dev firefox extensions. Opera has a lot of great web development features, but still doesnt approach Firefox.

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.

This is just funny, you need to learn wtf you are talking about because you are making yourself look stupid.


Exactly...



Let the master teach you.. I read, 1000's of blogs posts/articles and forums monthly. I have for 10 years. Just from blogs: "over the last 30 days you read 2,051 items" <-- google reader if you are wondering.

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.



Yes, I'm sure some free site that gets 500 hits a day can show they had a decrease in ff traffic. But for the rest of us, that isn't the case.


You will lose any statistic argument with me, period.

Same here - works great!

BTW... is IE that thing that collects viruses/adware that we don't use on any boxes, but emulate it thru Firefox?

Learning material: http://w3schools.com/browsers/browsers_stats.asp

I hate all fanboys because it's fucking retarded.

And why couldn't you posted that earlier instead of being an ass and making yourself look like a dipshit?