There is more than meets the eye!!

Posted by griffinmt on Tue, 11/22/2005 - 02:40Your Favorite Firefox Switch Quips

Aside from all the great things to like about Firefox, I do have one large point of confusion (perhaps I am not doing something right?).

While building web pages that make use of CSS1 and CSS2 features, I am struggling to get FF to honor what seems to be very basic style commands.

For example, when specifying an element with class style that has position:absolute;top:0; etc
and then followed by an element using position:relative; top:0; etc, they both seem to align at the top of the page, whereas other browsers (such as IE) line the second element BELOW the first.

Any comments on the CSS support??


Submitted by quantum00 on Wed, 11/23/2005 - 03:42.

Firefox is OK with CSS support.  Safari is the best obviously, followed by Opera 9.  But you have to remember that "web standards" doesn't just mean W3C standards.  You can't forget about the ECMA.  Firefox's support for ECMAScript and now E4X is unsurpassed.

Now, it's CSS support IS sufficient and rockin.  Just go to csszengarden.com to see what I mean.  csszengarden.com/088 is a classic example.



 

Submitted by Peng on Tue, 11/22/2005 - 03:12.

This is totally off-topic for Spread Firefox, but I do believe I read about a bug like that with position: relative or position: absolute... Don't have a link, though. Search around a bit or ask on MozillaZine.

--
Hug Peng

Submitted by griffinmt on Tue, 11/22/2005 - 03:40.

You are absolutely right about being off topic, I posted this in the wrong spot after moving around one too many places. Sorry.

However I think I have found the cause: It was that the distance references had no measurement units. In IE and others they apparently default to px, in FF they get ignored.

Adding the PX everywhere has 'fixed' my issue.

Submitted by andy101 on Wed, 11/23/2005 - 14:19.

You should always validate your CSS before claiming its a problem with the browser. If you don't write it right you can't expect the browser to display it right.