Re: [css-d] Simple unordered list Firefox problem
Philippe, you gave me a very valuable information and I just learned
something new. I fixed the problam as you suggested by removing
list-style: inside.
For those who want to visit a copy of the broken page -
http://pax.pcc.edu/gjackson/students/mpetrov/_source/other/css-d/firefox-list-style-display-problem.htm
On 1/21/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
> On 22 Jan 2006, at 10:35 am, Martin Petrov wrote:
>
> > Could you please see my site with Firefox and check the unordered list
> > of links on the right. It shows properly in IE and Opera, but not with
> > Firefox.
> >
> > It must be a simple problem, but the negative margins used for the
> > sidebar confuse me and I'm so exhausted right now :)
> >
> > http://pax.pcc.edu/gjackson/students/mpetrov/
>
> Imho, Opera, Safari, IE get it wrong in this case.
>
> Difficult case, and the css 2.1 docs are not very clear here.
>
> On #extra ul, you specify {list-style-position:inside};
> this means, create an inline object that is the bullet within the box
> generated by the
> Fictional tag sequence would be:
> bullet.
> But the is set to {display:block}. This moves the box generated
> by the to a (new) line of it's own.
>
> Imho, Opera, Safari, IE get it wrong in this case.
>
> The better way to handle your list would be to set the list-style-
> position to outside (the default) and work out your padding/margins
> from there.
>
> Philippe
> ---
> Philippe Wittenbergh
>
Re: [css-d] Simple unordered list Firefox problem
On 22 Jan 2006, at 12:30 pm, Philippe Wittenbergh wrote:
>
> On 22 Jan 2006, at 10:35 am, Martin Petrov wrote:
>
>> Could you please see my site with Firefox and check the unordered
>> list
>> of links on the right. It shows properly in IE and Opera, but not
>> with
>> Firefox.
>>
>> It must be a simple problem, but the negative margins used for the
>> sidebar confuse me and I'm so exhausted right now :)
>>
>> http://pax.pcc.edu/gjackson/students/mpetrov/
>
> Imho, Opera, Safari, IE get it wrong in this case.
>
> Difficult case, and the css 2.1 docs are not very clear here.
>
> On #extra ul, you specify {list-style-position:inside};
> this means, create an inline object that is the bullet within the box
> generated by the
> Fictional tag sequence would be:
> bullet.
> But the is set to {display:block}. This moves the box generated
> by the to a (new) line of it's own.
>
> Imho, Opera, Safari, IE get it wrong in this case.
>
> The better way to handle your list would be to set the list-style-
> position to outside (the default) and work out your padding/margins
> from there.
Someone asked off list what was my argument for the above, I'll point
to the CSS2.1 docs.
Specifically:
< quote >
inside
The marker box is the first inline box in the principal block
box, [...]
< /quote >
Philippe
---
Philippe Wittenbergh
Re: [css-d] Simple unordered list Firefox problem
On 1/21/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > The better way to handle your list would be to set the list-style- > position to outside (the default) and work out your padding/margins > from there. Maybe set the list style to none (so no bullets) - it will probably look fine then. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Simple unordered list Firefox problem
On 22 Jan 2006, at 10:35 am, Martin Petrov wrote:
> Could you please see my site with Firefox and check the unordered list
> of links on the right. It shows properly in IE and Opera, but not with
> Firefox.
>
> It must be a simple problem, but the negative margins used for the
> sidebar confuse me and I'm so exhausted right now :)
>
> http://pax.pcc.edu/gjackson/students/mpetrov/
Imho, Opera, Safari, IE get it wrong in this case.
Difficult case, and the css 2.1 docs are not very clear here.
On #extra ul, you specify {list-style-position:inside};
this means, create an inline object that is the bullet within the box
generated by the
Fictional tag sequence would be:
bullet.
But the is set to {display:block}. This moves the box generated
by the to a (new) line of it's own.
Imho, Opera, Safari, IE get it wrong in this case.
The better way to handle your list would be to set the list-style-
position to outside (the default) and work out your padding/margins
from there.
Philippe
---
Philippe Wittenbergh
[css-d] Simple unordered list Firefox problem
Could you please see my site with Firefox and check the unordered list of links on the right. It shows properly in IE and Opera, but not with Firefox. It must be a simple problem, but the negative margins used for the sidebar confuse me and I'm so exhausted right now :) http://pax.pcc.edu/gjackson/students/mpetrov/ Thank you! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
