Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
ADOBE DREAMWEAVER:HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

IE6/css problem - drop down menu fails on sub-pages

COW Forums : Adobe Dreamweaver

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook
Mary Ann StollIE6/css problem - drop down menu fails on sub-pages
by on Feb 12, 2009 at 1:54:35 pm

http://team2449.com/index.html

The drop down menu works on the home page. It does not drop down on subsequent pages. This happens in IE6 (and probably earlier versions), not FF. I believe this to be associated with the directory structure because I have moved sub-pages into the root where they work fine.

A second problem that I believe has the same cause is the position of any page located in a sub-folder shifts down the screen, leaving a larger gap between the top of the view port and the upper div. This happens in FF AND IE. Again, the home page is fine; sub-pages are not.

I've searched the css for attributes involving paths and believe I've tied all of them to the root but the problem persists.



Return to posts index
Reply   Like  

Richard WilliamsRe: IE6/css problem - drop down menu fails on sub-pages
by on Feb 12, 2009 at 8:52:01 pm

have you tried these hacks

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe

{

position: absolute;

z-index: 1010;

filter:alpha(opacity:0.1);

}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection

{

ul.MenuBarHorizontal li.MenuBarItemIE

{

display: inline;

float: left;

background: #FFF;

}

}


Richard Williams


Return to posts index
Reply   Like  

Mary Ann StollRe: IE6/css problem - drop down menu fails on sub-pages
by on Feb 12, 2009 at 9:36:55 pm

The last two, yes, the first one, no.

I used a tutorial from Community MX to build the menu. The tutorial instructed you to include a specific .js file to address IE's failure to accept :hover on non-linked elements. I have discovered that I didn't include the full path to this .js in the site's template, so only files in the same folder as the .js were able to access that file. I've since modified the path in the template to start at the root and now the menu works in all pages. I haven't examined the .js to see what it really does . . . 'suppose I should.

Thank you for your help!




Return to posts index
Reply   Like  

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2013 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]