Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Macintosh Fixing horizontal list items for Mac IE

    I think I have only one bug to overcome in my CSS - it's for Mac IE.

    A picture is attached - my subnav links display vertically instead of how they should which is horizontally on the subnav bar. What is the fix for this?

    Page is here: http://www.ricochetnetwork.com

    navigational CSS is:

    Code:
    #nav {
    	list-style:none;
    	width:416px;
    	float:right;
    	width:420px !important;
    	}
    #nav li {
    	width:100px;
    	height:20px;
    	margin-left:4px;
    	float:left;
    	position:relative;
    	}
    a.inactive, a.inactive:link, a.inactive:visited, a.inactive:active {
    	display:block;
    	height:15px;
    	background-image:url(../images/inactive.gif);
    	background-repeat:no-repeat;
    	color:#999999;
    	text-align:center;
    	text-decoration:none;
    	padding-top:5px;
    	font-weight:bold;
    	}
    a.inactive:hover {
    	color:#888888;
    	}
    a.active, a.active:link, a.active:visited, a.active:active {
    	display:block;
    	position:absolute;
    	width:100px;
    	height:16px;
    	top:0;
    	left:0;
    	z-index:1;
    	background-image:url(../images/active.gif);
    	background-repeat:no-repeat;
    	color:#334C99;
    	text-align:center;
    	text-decoration:none;
    	padding-top:5px;
    	font-weight:bold;
    	}
    #subnav {
    	list-style:none;
    	background-image:url(../images/subnav_background1.gif);
    	height:22px;
    	clear:both;
    	border:1px solid #CECECE;
    	color:#999999;
    	}
    #subnav li {
    	width:105px
    	height:18px;
    	text-align:center;
    	float:right; /*Change order of subnavs high to low or low to high*/
    	}
    #subnav li a, #subnav li a:link, #subnav li a:visited, #subnav li a:active {
    	display:block;
    	height:14px;
    	padding-top:4px;
    	text-decoration:none;
    	} 
    #subnav li a, #subnav li a:link, #subnav li a:visited {
    	color:#888888;
    	}
    #subnav li a:hover {
    	color:#334C99; 
    	}
    #subnav li a:active {
    	color:#334C99;
    	}
    Attached Thumbnails Attached Thumbnails Fixing horizontal list items for Mac IE-macie2.gif  

  • #2
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I wish I had a way of testing my sites on mac.
    Once I thought I was wrong but I was mistaken.

  • #3
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts

  • #4
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    *tips hat*

    Thanks kidly, good sir. Once I view your page I will try to help, although I can make no promises.
    Once I thought I was wrong but I was mistaken.

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    At first glance I would say to make sure everything has a width... that usually fixes most of my mac IE (and Opera) probs with floats.

  • #6
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I tried width:auto; in the 2 ids that don't have them and it got worse (picture attached).

    Love the Lebowski reference by the way....
    Attached Thumbnails Attached Thumbnails Fixing horizontal list items for Mac IE-macieupdate.gif  

  • #7
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What about stu's solution to horizontal navigation lists?
    http://www.stunicholls.myby.co.uk/menus/centered2.html
    CATdude about IE6: "All your box-model are belong to us"

  • #8
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for the link - I hate to swtich the whole thing out as it works, just not in Mac IE. I haven't been able to figure out why but I am hoping there is a simple fix.

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I just tried it in 5.2 on OSX, and it works fine.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #10
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That's strange - I should have paid attention to the OS, I didn't realize that would matter though. I thought it was just IE.....


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •