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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    menu in IE7 help...

    Hi I was wondering if you could help me. A friend of mine has this website and it works fine in Firefox etc but not in IE7. In IE7 the menu bar at the top goes vertical instead of horizontal, therefore it covers half the text. I'm stumped at what to do, so if any of you wizards out here could give us a hand it would be appreciated. The site is: www.purelymancity.com

  • #2
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nobody? This is part of the CSS code that I think has the problem...any help appreciated.

    Code:
    /* navigation
    --------------------------------------------------*/
    #navigation {
    height:2.7em;
    line-height:2.7em;
    position: relative;
    margin:0em auto;
    z-index:20;
    }
    #navwrap {
    display:table; /* ignored by IE */
    padding:0;
    list-style-type:none;
    white-space:nowrap; /* keep text on one line */ }
    
    * html #navwrap {
    display:inline-block; /* for IE only */
    width:1px; /* IE will expand to fit navigation width */ padding:0 2px; /* fix bug in IE for border spacing */ } #navwrap li { display:table-cell; /* ignored by IE */ }
    * html #navwrap li {
    display:inline; /* for IE only */
    }
    #navwrap a, #navwrap a:visited {
    display:block; /* for all browsers except IE */ padding:0 .7em; font-size:0.8em; text-transform:uppercase; border-right:1px solid #ffffff; /* add a 1px white border to the right of items */ text-decoration:none;
    margin-bottom: -1px;
    }
    * html #navwrap a, * html #navwrap a:visited { display:inline-block; /* for IE only */ margin:0 -2px; /* to correct an IE border width bug */ }
    
    .lefted {margin:0 auto 0 0;}
    .centered {margin:0 auto;}
    .righted {margin:0 0 0 auto;}
    
    }
    
    * html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */
    
    #navwrap {
    text-align: center;
    margin: 0em auto;
    /*width:800px;
    border-left: 1px solid #ffffff;
    padding-left:20px;
    
    the above pseudo centers the nav. not really cause the width is inaccurate*/

  • #3
    Regular Coder
    Join Date
    Aug 2006
    Location
    Cardiff, UK
    Posts
    141
    Thanks
    15
    Thanked 2 Times in 2 Posts
    At the moment, I can only suggest that you remove all the hacks from the CSS files and put them in stylesheets that are called by conditional comments within the HTML on each page. That way you can separate the IE6 specific stuff, from IE7 which by and large needs a lot less tweaking. You'll hopefully find that this sorts it without any further work.
    If anyone asks my boss, this counts as work, okay?


  •  

    Posting Permissions

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