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 5 of 5
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Internet Explorer IE7 issues with menu navigation tabs

    Hi,

    On my website, I have recently added 2 new tabs which has forced the menu navigation to break down onto 2 lines in IE7 and 8,





    website here

    Please help?
    Last edited by jarv; 07-10-2012 at 01:47 PM.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,164
    Thanks
    23
    Thanked 599 Times in 598 Posts
    wrong link

  • #3
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,164
    Thanks
    23
    Thanked 599 Times in 598 Posts
    In css file http://www.marco.co.uk/css/global.css You have
    Code:
    #main nav ul {
    	width: 74em;
    }
    which sets the width of the ul that contains all of your nav links. Under that you set the width of each link:
    Code:
    #main nav li {
    	width: 10.2em;
    }
    To add two links you have to change the #main nav li width to 7.9ems;

  • #5
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    thanks, that worked although I'm a pixel out in IE7 and a pixel over in IE8

    there is no way to determine the li:last-child in IE7?

    thanks


  •  

    Posting Permissions

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