[Resolved] Mozilla Firefox & CSS

Jason_Batten

<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

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

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

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

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

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

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

Try this...

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

laserlight

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

Yeah p.one works fine.

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

laserlight

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

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

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

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

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

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

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

Why? 😕

Elizabeth

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

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?