[Resolved] Mozilla Firefox & CSS

Jason_Batten · Jun 5, 2005

<rant>
Oh my golly gosh! fiddle sticks!

Another reason to choose IE over FF. I have been testing my latest creation in Firefox and almost every piece of CSS I write in IE does not work in FireFox. Not even a paragraph tag with CSS wrapped around two input tags will work.

I could have two CSS files for both browsers, but why should I when browsers should be helping webmasters not making our job more difficult.

HTML & CSS should be kept loosey goosey and not strict because they shouldn't have to be IMO.
</rant>

planetsim · Jun 5, 2005

hate to tell you but its actually the other way around. CSS in Firefox is done correctly, there are a tonne of hacks to get things working in IE why? because CSS in IE stinks. The box model hack is probably the most well known.

Also if it works in Firefox it will 98% of the time work in every other browser other than IE so code for Firefox, make hacks to get it to work in IE.

Jason_Batten · Jun 5, 2005

I knew you'd say that

The CSS I write always works in IE without using too much effort. I don't use CSS for 'design' just text formatting really.<rant> Since 65% of users use IE, I will continue to code for it. I will have to find myself a coding slave to do the dirty jobs like deal with firefox :glare:

Compatibility is a pain. I'm still iffy about submitting to the user or making the user submit to the site. Is it our fault the site won't work because they are fools who are scared of cookies and javascript. Damn firewalls.

As long as you don't visit porn & warez sites you won't get a virus. I mean, if you're stupid enough to receive a virus by email then you should be shot.</rant>

planetsim · Jun 5, 2005

You must be the only IE lover on this board or only one that admits it. Im sure goldbug if he sees this thread will give more than just his $0.02

vaaaska · Jun 5, 2005

Originally posted by NetNerd85
Since 65% of users use IE, I will continue to code for it. I will have to find myself a coding slave to do the dirty jobs like deal with firefox :glare:

MOST STUPID COMMENT I'VE EVER READ ON THIS SUBJECT.

Go buy some more books and read them. Perhaps you will understand what standards are, why they exist, and why in a couple years time you will know why your statement was/is completely stupid, wrong and backwards to reality.

When I write CSS with standards I have zero problems with things working in nearly all browsers except IE.

Ever try to use this in an IE browser? Put is into a page and see what you get...then try it in a real browser.

[/code].wdith
{
width: 700px;
margin: 20px;
padding: 20px;
background: #ffff00;
}[/code]

Looks simple right? IE can't deal with it...just another example...

Jason_Batten · Jun 5, 2005

Alright.

Why doesn't font-weight: bold; work in Firefox but works perfectly fine in IE It's my latest bug, do I really have to use <b> for FF to understand :rolleyes:

I have learnt CSS from multiple sources and everything I have written works in IE. I haven't had problems until I started to test it in Firefox.

Weedpacket · Jun 5, 2005

Originally posted by NetNerd85
Alright.

Why doesn't font-weight: bold; work in Firefox but works perfectly fine in IE It's my latest bug, do I really have to use <b> for FF to understand :rolleyes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Page title</title>
</head>
<body>
<p>So here we have some
<span style='font-weight:bold'>text that should be in bold</span>
just to see if it is.</p>
</body>
</html>

Works for me (relevant part of the spec: CSS Level 1, §5.1.5.).

Jason_Batten · Jun 5, 2005

Try this...

<html>
<head>
<style type="text/css">
p.1 {
font-weight: bold;
}
</style>
</head>
<body>
<p class="1">Something</p>
</body>
</html>

:p

laserlight · Jun 5, 2005

Yep, doesnt work - but then the use of a numeric class looks fishy (changing it to an alphanumeric one solves the problem).

Nonetheless it works for Opera, so could be a bug with Firefox.
Will check it out and see.

Jason_Batten · Jun 5, 2005

Yeah p.one works fine.

There yah go FF lovers, your queen has a bug :p

laserlight · Jun 5, 2005

W3C's CSS validator fails the CSS:
p.1 { font-weight: bold; }
... reporting a parse error.

Changing the '1' to 'a' or 'a1' eliminates the error.

The clue could come from the HTML: 4.01 spec on SGML basic types -> CDATA:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Note that if we change the class to an id, Firefox, Opera and MSIE all work identically, as expected.

planetsim · Jun 5, 2005

I wouldnt classify it a Bug, i couldnt find it in the specification but if I remember correctly to define a CSS Class you must have a letter before any numeric values. However like I said I couldnt find it in the specification to back myself up, or to say its a bug. If it is its like one bug compared to too many in IE.

[edit]laserlight you beat me to it[/edit]

Jason_Batten · Jun 5, 2005

Oh bum. Looks like I will have to get strict with my CSS coding.

Now that truly is a bother. *huff

*has some crumb cake & tea

vaaaska · Jun 5, 2005

Use of any numeric value to begin the naming of your CSS is incorrect - it is in the manual somewhere.

You can say that it's such a pain in the ass...perhaps in the same way a person might find it a pain in the ass that their car has square wheels.

goldbug · Jun 5, 2005

Originally posted by vaaaska
Use of any numeric value to begin the naming of your CSS is incorrect - it is in the manual somewhere.

You can say that it's such a pain in the ass...perhaps in the same way a person might find it a pain in the ass that their car has square wheels.

No no no! This surely must be a bug with Firefox!

/me yawns.

Weedpacket · Jun 5, 2005

Originally posted by vaaaska
Use of any numeric value to begin the naming of your CSS is incorrect - it is in the manual somewhere.

Yup, bottom of §7.1 (or §4.1.1 in the CSS Level 2 spec, but it is explicitly stated to be the same.)

NAh +00 mUCh l1ke WORK L0L0L0L! 1 W4nt +0 bE 4Bl3 +o $pELL mY worD$ @nY W4y 1 W@nT!

leatherback · Jun 5, 2005

Hey Weed,

Looks like you work on FireFox: the words in your last sentence are all messed up. I think it is a bug crawling over the key-board or somtin

NetNerd.. I am so sorry for you.

Jason_Batten · Jun 5, 2005

Why?

Elizabeth · Jun 5, 2005

Originally posted by leatherback
Hey Weed,

Looks like you work on FireFox: the words in your last sentence are all messed up. I think it is a bug crawling over the key-board or somtin

NetNerd.. I am so sorry for you.

Leatherback - wow, long time no see, where ya been??

leatherback · Jun 5, 2005

Hi Elizabeth,

Nice to be appreciated (Or at least.. noticed that I was absent..)

I have been working like crazy.. My web-comp. took a dive over the last few months: I have been finishing my PhD thesis, and will receive my degree in a few weeks (Hehe, Although in the Netherlands, I will have an 'independence day' on the first of juli too!).

In case you are really interested: MY thesis is titled: "Charting the quality of forage. Measuring and mapping the variation of chemical components in foliage, using hyperspectral remote sensing". I worked on satellite data, in order to measure the chemical composition of plants from a plance or satellite. And best of all.. I managed to get some usefull results! If you want, you are welcome to drop by on the first.. Big party afterwards at my place!

So I spent weeks of 90+ hours working on that. Now it is at the printers' office, and I am helping my department out with their website, while looking for a nice job in spatial ecology. (You got one, by chance?)

How have you been?

J.

[Resolved] Mozilla Firefox & CSS

JJason_Batten

Pplanetsim

JJason_Batten

Pplanetsim

Vvaaaska

JJason_Batten

Weedpacket

JJason_Batten

laserlight

JJason_Batten

laserlight

Pplanetsim

JJason_Batten

Vvaaaska

Ggoldbug

Weedpacket

Lleatherback

JJason_Batten

EElizabeth

Lleatherback