Thanks James. > I guess you are having the problem where IE Mac doesn't float your list elements properly and they all go to 100% width down the page?
That was the bug I was having and now it is fix thanks to you :) With Regards - Jaime -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Ellis Sent: Friday, 6 August 2004 7:27 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Horizontal List in Mac IE Jaime I guess you are having the problem where IE Mac doesn't float your list elements properly and they all go to 100% width down the page? I did this to solve the problem.. you need to float the anchor to the left as well.. it's the only hack I use: #menu ul li { float : left; display : block; /* other rules here */ } #menu a { /* for IE 5 mac - float the block level element */ float : left; display : block; /* other rules here */ } /* IE 5.0 for Mac Hack stops "a" float for all browsers except IE5 for Mac \*/ #menu a {float:none;} /* end IE 5.0 for Mac Hack */ You can see it in action at my.spamtrap.net.au Regarding display : inline; to do things like this.. I know you aren't using it but it shouldn't really be used as it will break up individual navigation elements over lines (that's what inline elements do) - better to make everything a block then consistency remains. Cheers James JW wrote: > Hi Everyone > > I am having problem with horizontal list in when viewed in Mac IE. > > http://design.sodesires.com/inspiration/ > > Anyone can tell me why it is not showing as inline? Any solutions? > > > CSS as follow: > > #menu > { > font-family : Verdana, Helvetica, Arial, sans-serif, Geneva; > color : #1C2819; > font-size : 11px; > background : url(../../../images/global/page/header-bottom.jpg) > no-repeat; > height : 56px; > padding-left : 5px; > } > > #menu a > { > display : block; > color : #1C2819; > text-decoration : none; > font-weight : bold; > padding : 0 0.6em; > } > > #menu ul {height: 24px; margin: 0; padding: 0;} > > #menu li {padding: 0; float: left;} > > #menu li a:hover, #menu li a#menu-selected > { > color : #ABB698; > background : #1C2819; > } > > > With Regards - Jaime > > > ***************************************************** > The discussion list for http://webstandardsgroup.org/ > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ***************************************************** > > ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ***************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
