> Kris Carlson wrote:
> > I'm having trouble with the CSS for my links page. I want to use an
> > unordered list to display the links. The problem appears to be with the
> > default alignment for line items. In Firefox the line items are
> indented by
> > what looks to be about 50 pixels. In IE6 they are indented what looks
> to be
> > about 10 pixels. I don't know why either is indented, as I've set
> > and margins to zero. ...
> When I look at the CSS I see half a dozen declarations for various ULs,
> and at least three that might affect #links1. My hunch is that something
> other than the declarations you think are causing the problem.
> Suggestion: break it down into a simple test case. Either take the
> links divs off into a simpler page and reintroduce elements until it
> fails, or start removing elements until it does what you want. In
> either case, you'll end up with simpler CSS.
> A good article on this approach is Big John's "Mystery Bug."
> Bob Easton
In my limited understanding of CSS, the various "UL declarations are part of
the "Navigation" DIV. Both "Navigation" and "Content" are children of the
parent "Container", and cannot inherit each other's properties. That would
mean "Content's" children, "List1", or List2" also cannot inherit
Cascading should ensure the inline CSS I used, (which is now deleted, as it
didn't work,) would be applied instead of whatever was in the linked style
The reason I think this is a browser default setting for list items is that
there is no padding to the right of the text. If the padding settings for
the "Navigation" UL and LI declarations were cumulative, they should affect
padding on both the left and the right.
Perhaps I'm misunderstanding or misapplying something basic about CSS, or
perhaps I fat-fingered the code. I'll comment out the "Navigation" DIV and
its element declarations to see what happens.
[Kristofer J. Carlson]
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/