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.
Style Sheets
- alanjstr
- Moderator
- Posts: 9100
- Joined: November 5th, 2002, 4:43 pm
- Location: Anywhere but here
- Contact:
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
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
-
- Posts: 1974
- Joined: November 5th, 2002, 3:25 am
- Location: Lancaster, UK
- Contact:
Re: Style Sheets
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.
- Pike
- Posts: 2293
- Joined: August 10th, 2003, 12:12 pm
- Location: UK
- Contact:
If I remember right IE and Opera use margin, Mozilla uses padding.
So you need to use something like this:
p.s. bigkevind711 please withdraw your heretical statement about IE vs Mozilla, I'm still choking
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
-
- Guest
Attempts at fixing the style sheet didn't work
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.
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.
- Pike
- Posts: 2293
- Joined: August 10th, 2003, 12:12 pm
- Location: UK
- Contact:
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:
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
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
-
- Guest
Problem Solved
Everything is fixed from my perspective.
Thanks for all the help.
For what it's worth, you've got a new convert.
- Kevin
Thanks for all the help.
For what it's worth, you've got a new convert.
- Kevin