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
*****************************************************
