Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
CSS drop-down menu not stacking properly
Old 04-23-2008, 12:20 AM CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
 
Register now for full access!
Old 04-23-2008, 12:37 AM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 12:47 AM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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.
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-23-2008, 12:24 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 01:00 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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.
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-23-2008, 03:24 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-23-2008, 06:55 PM Re: CSS drop-down menu not stacking properly
wayfarer07's Avatar
Poo on You

Latest Blog Post:
Introducing WowWindow
Posts: 3,985
Name: Abel Mohler
Location: Asheville, North Carolina USA
Trades: 0
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.
__________________
Join me on
Please login or register to view this content. Registration is FREE
wayfarer07 is offline
Reply With Quote
View Public Profile Visit wayfarer07's homepage!
 
Old 04-24-2008, 03:39 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-24-2008, 04:05 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-25-2008, 05:05 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
Is anyone for hire to build an ie6.css file for this site to support version 6?
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-28-2008, 07:03 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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!
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-29-2008, 12:55 AM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-29-2008, 01:41 AM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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.
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-29-2008, 11:36 AM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
I just noticed what was missing.

<body onLoad="P7_ExpMenu()">

Working fine on IE 6 now.

Cheers.
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-29-2008, 03:02 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-30-2008, 01:10 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
Anyone?
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 04-30-2008, 04:52 PM Re: CSS drop-down menu not stacking properly
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Are you calling ALL the JS files for both the menu and the tabs ??
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-01-2008, 03:10 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
Yes i am.
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 05-01-2008, 07:45 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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!
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Old 05-05-2008, 10:15 PM Re: CSS drop-down menu not stacking properly
Daman's Avatar
Extreme Talker

Posts: 157
Location: Toronto, CANADA
Trades: 0
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
__________________

Please login or register to view this content. Registration is FREE

Solutions for online design™
Daman is offline
Reply With Quote
View Public Profile Visit Daman's homepage!
 
Reply     « Reply to CSS drop-down menu not stacking properly

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.56220 seconds with 12 queries