Style Sheets

User Help for Mozilla Firefox
Post Reply
bigkevind711
Guest

Style Sheets

Post by bigkevind711 »

Firebird does not seem to be able to handle cascading style sheets nearly as well as IE.... any tips?

(Particulary when I set the indent factor of an unorganized list to 0px)


Thanks.
User avatar
alanjstr
Moderator
Posts: 9100
Joined: November 5th, 2002, 4:43 pm
Location: Anywhere but here
Contact:

Post by alanjstr »

Examples? Afaik, Mozilla based products are far more standards compliant that Microsoft products.
Former UMO Admin, Former MozillaZine General Mod
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
clav
Posts: 1974
Joined: November 5th, 2002, 3:25 am
Location: Lancaster, UK
Contact:

Re: Style Sheets

Post by clav »

bigkevind711 wrote:(Particulary when I set the indent factor of an unorganized list to 0px)


it could be that IE uses padding on lists, whereas Firebird uses margins. or vice versa. try setting both.
User avatar
Pike
Posts: 2293
Joined: August 10th, 2003, 12:12 pm
Location: UK
Contact:

Post by Pike »

If I remember right IE and Opera use margin, Mozilla uses padding.

So you need to use something like this:

Code: Select all

ul {margin: 0; padding: 0;}

p.s. bigkevind711 please withdraw your heretical statement about IE vs Mozilla, I'm still choking :-)
bigkevind711
Guest

Attempts at fixing the style sheet didn't work

Post by bigkevind711 »

I tried compensating for the padding vs. margin, but that unfortunately didn't work. If there are any other ideas, I'd really appreciate it.

The particular site in question is:
http://www.iccsd.k12.ia.us/Schools/West ... index.html

The style sheet code for the Unordered List is:
ul
{
color: #FFFF00;
list-style-type: none;
list-style-position: outside;
list-style-image: url("arrow2.gif");
marker-offset: 0;
margin-top: 0px;
margin-left: 2px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
padding-left: 0px;
}


Once again any help would be appreciated.

- Kevin

P.S. "Heretical" statement unintended... just a poor choice of wording. :)
User avatar
Pike
Posts: 2293
Joined: August 10th, 2003, 12:12 pm
Location: UK
Contact:

Post by Pike »

Your left UL is inside another UL, make sure you apply the padding: 0 to both of those ULs, adding it to the bottom of your general UL selector fixes the problem for me with a local copy of your page:

Code: Select all

ul
{
list-style-position: outside;
margin-top: 0px;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
}

You also have <br>s at the end of every LI which is causing double-spacing in Mozilla, there is no need for these since LIs are block elements by default and thus automatically create newlines.

Hope that helps.

p.s. I forgive your earlier rash statement :-)
bigkevind711
Guest

Problem Solved

Post by bigkevind711 »

Everything is fixed from my perspective.

Thanks for all the help.

For what it's worth, you've got a new convert.


- Kevin
Post Reply