Reply
CSS drop-down menu not stacking properly
Old 04-22-2008, 11:20 PM CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
I have some drop-down menus that are being over lapped by other CSS on the document. I have tested on 3 browsers. IE and Safari are not showing properly but in Firefox the drop-down menus appear on-top of all objects.

See OUR COMPANY here: http://66.39.61.125/adl/cool_blue.html

Any suggestions?

Thanks
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Sponsored Links (We share ad revenue):
 
Old 04-22-2008, 11:37 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
And your menu doesn't work at all in IE6.

One thing you must fix - you have this several times:
<div id="tab_one">

ID's MUST be unique, you cannot re-use them on a page. If you have to reuse properties, make them a CLASS instead.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-22-2008, 11:47 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Thanks Ladyn. I updated the IDs to CLASS. There is no interest in supporting IE 6 in this project. Menus still being overlapped with the tabs on IE 7 and Safari.
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 11:24 AM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
I see, so you're just going to ignore any potential customers who might still be using IE6 ... that may not be good for business.

I can't view it with IE7 from here.. my company, a rather large corporation, is still making us use IE6 !
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 12:00 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
I understand your argument but this decision was not mine to be made. I think because of the dynamics of the page it is not possible to support IE 6 unfortunately. I have tested this on IE 7 and it works for me. Are you sure the drop downs aren't working on your end? That is really strange. The problem still remains where the drop menus are overlapped by the tabbed interface.
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 02:24 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
Quote:
I think because of the dynamics of the page it is not possible to support IE 6 unfortunately.
I seriously doubt that, but, as you said, it's not your decision.

I really can't look at it in IE7 right now (at work), we don't have IE7 installed due to corporate IT policy. It doesn't work in IE6, most likely because IE6 doesn't support the hover pseudoclass on anything but the <a> tag.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 05:55 PM Re: CSS drop-down menu not stacking properly
wayfarer07's Avatar
Extreme Talker

Posts: 217
Name: Abel Mohler
Location: Asheville, North Carolina USA
Quote:
I can't view it with IE7 from here.. my company, a rather large corporation, is still making us use IE6 !
Yes, I definitely agree it is foolish not to support IE6, for exactly this reason. Lady is not the only one working for a large corporation with no access to IE7, even though it has been released for quite some time. Although I sometimes settle for slightly less-cool displays in IE6, I always make sure my pages are fully functional in it.
__________________
Go FREELANCE--------------------------------Hire Me
wayfarer07 is offline
Reply With Quote
View Public Profile
 
Old 04-24-2008, 02:39 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
I completely understand your concerns but as it stands it will be played this way. I can create an IE css fix for it later. can anyone offer a solution to the drop menu issue? i just need it to be the top most layer when active.

Thanks
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-24-2008, 03:05 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
Now the menu is behind the blue tab in Firefox. Your P7 script is throwing some errors:

Code:
Error in parsing value for property 'border-right-color'. Declaration dropped.
[Break on this error] undefined
topnav.css (line 84)
Error in parsing value for property 'border-left-color'. Declaration dropped.
[Break on this error] undefined
topnav.css (line 85)
Error in parsing value for property 'padding-right'. Declaration dropped.
[Break on this error] undefined
p7tp_01.css (line 102)
P7_opGPM is not defined
[Break on this error] High Temp Rope<br />
cool_blue.html (line 343)
Unknown property 'filter'. Declaration dropped.
[Break on this error] undefined
54034 (line 95)
Error in parsing value for property 'border-width'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Expected color but found ';'. Error in parsing value for property 'border-color'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Error in parsing value for property 'font-family'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Error in parsing value for property 'font-size'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Expected color but found ';'. Error in parsing value for property 'Color'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Error in parsing value for property 'width'. Declaration dropped.
[Break on this error] undefined
54034 (line 96)
Error in parsing value for property 'visibility'. Declararation dropped.
Have you asked over at the Project 7 forums ? Al's quite helpful when using his products.

If you want that dropdown on top, you're going to have to use a higher z-index, and 1,2,3 for z-indexes isn't always the best way to go, too close to 'base' level. I use 10's for mine - 20, 30, 50, etc..
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-25-2008, 04:05 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Is anyone for hire to build an ie6.css file for this site to support version 6?
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-28-2008, 06:03 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
So i have started building out a css alternative for IE 6. Looks good so far. Still having trouble with the drop-down menu in IE 6. I been troubleshooting and realized its not the css. There seems to be some conflict in the header.

The same drop-down menu is being used in the following 2 links but only one is working in IE 6. I'm certain the problem is in the header but just can't see it.

NOT WORKING: http://66.39.61.125/adl/index.html
WORKING: http://66.39.61.125/adl/topnav.html

Thanks!
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-28-2008, 11:55 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
On the non-working page, the header div ends right below the menu text - nowhere for the dropdowns to go !
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-29-2008, 12:41 AM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Ok i took the NOT WORKING page and removed almost all divs. see here:

http://66.39.61.125/adl/index2.html

This is really strange that it is works on the other page and not here. I am completely lost.
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-29-2008, 10:36 AM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
I just noticed what was missing.

<body onLoad="P7_ExpMenu()">

Working fine on IE 6 now.

Cheers.
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-29-2008, 02:02 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Looks like it is in fact working on the HOME PAGE now. But there seems to be conflict on this SUB PAGE when i have multiple onLoad in the body tag.

HTML Code:
<body onLoad="P7_ExpMenu();P7_initTP(1,0)">
The first onLoad supports the drop-down menu and the second supports the tabs. I have never had conflict before with multiple onLoads. This is strange. Can anyone please offer a solution to this?

Many thank
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-30-2008, 12:10 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Anyone?
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 04-30-2008, 03:52 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Super Moderator

Posts: 5,567
Location: Tennessee
Are you calling ALL the JS files for both the menu and the tabs ??
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-01-2008, 02:10 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Yes i am.
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 05-01-2008, 06:45 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
So the z-index worked for getting the drop menus to show on top. Thanks LadynRed! Still having the issue with the tabs working with the menus in the same page. I have drop a note with Project Seven about this and hope to find some solutions. Thanks for all the help.

Cheers!
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile
 
Old 05-05-2008, 09:15 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Super Talker

Posts: 133
Still having conflict with this tag. Cant get the drop menus to work on the following page in IE 6.

http://66.39.61.125/adl/fire-sleeves/cool-blue/

HTML Code:
<body onLoad="P7_initTP(3,1);P7_TPurl();P7_ExpMenu()">
I have tried everything i know how. Project Seven hasnt responded to my thread yet. Any further feedback on this matter would be greatly appreciated.

Many thanks,

D
__________________
www.ss-interactive.com
Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile