@Big Moxy: Holly's suggestion is probably the correct approach to solve the 
problem.
Give that a try and see if it centers the menu, if so, great.

@Holly: Thanks for pointing out the real problem.  However, since adding 
negative value
did solve the problem, at least in my testing of IE7, obviously the padding 
property does
take negative values.  Now, that may not be the way it's supposed to be done, 
and it very
well may be "invalid CSS".  However, I'm not very concerned that my CSS pass a 
"validity test."
I've never been concerned about being able to place a Valid CSS logo on any of 
my sites and
probably never will.  (They clash anyway and look terrible.)  That said, I know 
that it's
important to some that their CSS pass the validity test, however, that doesn't 
mean it's
important to everyone.  If the CSS doesn't display properly, then it's truly 
invalid.  But,
if the CSS works on the screen, that's the true test of validity.

And don't get me wrong, I'm glad to know that list-style-position:inside
was wrong for the situation and, thus, causing the problem.  However,
another solution isn't wrong simply because a test declares it so.  Only
a user's screen does that in the end.

Rick

> -----Original Message-----
> From: Holly Bergevin [mailto:[EMAIL PROTECTED]
> Sent: Thursday, January 17, 2008 9:43 PM
> To: Big Moxy; 'CSS Discussion'; Rick Faircloth
> Subject: Re: [css-d] list-style problem on IE 7
> 
> >> From:  Big Moxy
> http://www.woodstone-homes.com/communities/red-oak-farm-test/?id=5
> 
> From: "Rick Faircloth" <[EMAIL PROTECTED]>
> 
> >So, add "padding-left:-20px;" to both the
> >.rightcommunity ul and .rightcommunity li
> >styles and your menu should move to the left
> >20px and be centered.
> 
> Please don't do this. The padding property does not take negative values, and 
> thus is invalid
> CSS.
> 
> The actual 'extra space' problem for IE is in the following selector -
> 
> .rightcommunity li {
> list-style: none;
> list-style-position: outside; /*inside;*/ /* change this value to outside */
> list-style-image:none;
> }
> 
> ~holly
> 
> 


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to