IE 6 navigation disappearing

[zenfort]

I've been switching from javascript menus to CSS and have a problem of my Spry Menu disappearing in Internet Explorer 6 in a site I'm developing.
http://www.thebuilding.us
here is an internal page
http://www.thebuilding.us/steel-finishing-media/

I wonder if someone could look at the site (in a development domain) and help me get a clue?

Thanks zenfort

[ohiowebpro]

Change your link to your external stylesheet to main.css from /main.css for the first page.

For the second, change it to ../main.css since it is a different directory.

Also your page does not validate, due to the meta tags. Fix or remove them temporarily, and it will validate. This will cause issues sometimes.

[zenfort]

Originally Posted by ohiowebpro

Change your link to your external stylesheet to main.css from /main.css for the first page.

Thanks .
I tried using CSS link without the leading slash - that does not help show the menu in IE 6.
I'm using base tag so /main.css is the correct method I think.

I've tried some various z-index but none that I've tried, work so far.
Any other suggestions?

Thanks zenfort

[ohiowebpro]

It doesn't matter what you are using, its the fact that the browser that everyone else uses will not find it with the slash. I know for a fact you dont want it on there if your css file is in the same directory, whether that is your menu problem or not.

As I am typing this, I rechecked your site, and it seems to be working! good job!

[zenfort]

No the navigation menu still doesn't show in Internet Explorer 6 on windows.
IE 7 Firefox, Safari, Seamonkey, etc. all work fine.

Please someone must know how to wrangle IE6.?

The Base tag allows me to just change 1 file and update things like the menu throughout the site - so all internal html links start with "/" - so links are relative to the base URL

<base href="http://www.thebuilding.us" />
<link href="/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

The php links still use relative to document paths e.g.

PHP Code:

<?php include("../incld/nav1.txt") ?>

namaste zenfort

[zenfort]

I found that all other browsers set a relative width to a box model. IE6 needed the width set in the Spry assets CSS.
Other browsers were fine with this:

/* The outermost container of the Menu Bar */
ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
}

IE 6 Windows needed this:

/* The outermost container of the Menu Bar */
ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 13em;
}

Thanks zenfort