![]() |
|
|
CSS drop-down menu not stacking properly |
|
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 |
|
|
|
| Sponsored Links (We share ad revenue): |
|
|
Re: CSS drop-down menu not stacking properly | |
|
Extreme Talker
Posts: 217
Name: Abel Mohler
Location: Asheville, North Carolina USA
|
Quote:
|
|
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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 |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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. 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" |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
Super Talker
Posts: 133
|
Is anyone for hire to build an ie6.css file for this site to support version 6?
|
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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! |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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" |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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. |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
Super Talker
Posts: 133
|
I just noticed what was missing.
<body onLoad="P7_ExpMenu()"> Working fine on IE 6 now. Cheers. |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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)">
Many thank ![]() |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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" |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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! ![]() |
|
|
|
|
|
Re: CSS drop-down menu not stacking properly |
|
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()">
Many thanks, D |
|
|
|