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 li
Fictional tag sequence would be:
lispanbullet/span./li
But the a is set to {display:block}. This moves the box generated
by the a 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
http://emps.l-c-n.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/
[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/
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 li
Fictional tag sequence would be:
lispanbullet/span./li
But the a is set to {display:block}. This moves the box generated
by the a 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
http://emps.l-c-n.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 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 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 li
Fictional tag sequence would be:
lispanbullet/span./li
But the a is set to {display:block}. This moves the box generated
by the a 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.
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position
Specifically:
quote
inside
The marker box is the first inline box in the principal block
box, [...]
/quote
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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/
