[WSG] Centered Horizontal List in IE7

2008-05-07 Thread IceKat 

Hey,

Sent this out, wondering if anyone has any pointers???

IceKat


Original Message:

   Hi everyone,

   I'm really hoping someone can help me with this bug. I've known
   about it for a while but am hoping that now that IE7 has been around
   for a while that a smarter person than me will have figured out a
   solution.

   I have a list menu which is supposed to be horizontal and centered.
   Not a problem right? Wrong. There are three problems.
  1. IE7 doesn't use display: inline very well when text is
   enlarged or made smaller. (just try it and see the mess it creates)
  2. The width cannnot be set because the number of items changes
   on a regular basis without warning.
  3. Float combined with margin: 0 auto doesn't work because the
   width of the ul is always 100% and can't be set smaller because of
   the reason given above.

   This is creating a huge problem because I can't center lists without
   setting a width. Is there a way of getting around this in IE7? Is
   there a javascript or PHP script which can detect the width of
   something so I can put that in to the css? Or just fix the problem?

   Thanks heaps,
   IceKat.

   PS- I've heard about either a php function or a meta tag which
   forces standards? Does anyone know more about it? Might that help?



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Centered Horizontal List in IE7

2008-05-07 Thread Rahul Gonsalves 

On 07-May-08, at 4:18 PM, IceKat wrote:


I have a list menu which is supposed to be horizontal and centered.


Does this work for you?

http://css.maxdesign.com.au/listamatic/horizontal27.htm

Best,
 - Rahul.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Centered Horizontal List in IE7

2008-05-07 Thread Scott Limmer 
Perhaps try it without using the list. Center the links within a div and
apply left and right padding to them to ensure adequate spacing. Menu should
stay centered and will cater for changing number of menu items.

On Wed, May 7, 2008 at 8:48 PM, IceKat [EMAIL PROTECTED] wrote:

 Hey,

 Sent this out, wondering if anyone has any pointers???

 IceKat


 Original Message:

   Hi everyone,

   I'm really hoping someone can help me with this bug. I've known
   about it for a while but am hoping that now that IE7 has been around
   for a while that a smarter person than me will have figured out a
   solution.

   I have a list menu which is supposed to be horizontal and centered.
   Not a problem right? Wrong. There are three problems.
  1. IE7 doesn't use display: inline very well when text is
   enlarged or made smaller. (just try it and see the mess it creates)
  2. The width cannnot be set because the number of items changes
   on a regular basis without warning.
  3. Float combined with margin: 0 auto doesn't work because the
   width of the ul is always 100% and can't be set smaller because of
   the reason given above.

   This is creating a huge problem because I can't center lists without
   setting a width. Is there a way of getting around this in IE7? Is
   there a javascript or PHP script which can detect the width of
   something so I can put that in to the css? Or just fix the problem?

   Thanks heaps,
   IceKat.

   PS- I've heard about either a php function or a meta tag which
   forces standards? Does anyone know more about it? Might that help?



 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Centered Horizontal List in IE7

2008-05-07 Thread Thierry Koblentz 
 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of IceKat
 Sent: Wednesday, May 07, 2008 3:48 AM
 To: wsg@webstandardsgroup.org
 Subject: [WSG] Centered Horizontal List in IE7
 
 Hey,
 
 Sent this out, wondering if anyone has any pointers???

Using a Conditional Comment for IE7, you could try:

#myList
{float:left;position:relative;margin-left:expression(-this.offsetWidth/2);le
ft:50%;}

Then you'll need to clear that float.

As a side note, CSS expressions are bad and should be avoided.


-- 
Regards,
Thierry | http://www.TJKDesign.com







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***