View Full Version : menu in IE7 help...

01-31-2007, 06:31 PM
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

02-01-2007, 08:59 PM
Nobody? This is part of the CSS code that I think has the problem...any help appreciated.

/* navigation
#navigation {
position: relative;
margin:0em auto;
#navwrap {
display:table; /* ignored by IE */
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;
border-left: 1px solid #ffffff;

the above pseudo centers the nav. not really cause the width is inaccurate*/

02-02-2007, 01:35 PM
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.