CSS Drop Down Navigation is under lapping in Firefox

This is a discussion on "CSS Drop Down Navigation is under lapping in Firefox" within the Web Page Design section. This forum, and the thread "CSS Drop Down Navigation is under lapping in Firefox are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 18th, 2007, 15:13
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
CSS Drop Down Navigation is under lapping in Firefox

I am having a problem with a navigation bar created in css with Firefox. Whenever I rollover and a drop down list appears, it under laps everything directly below the navigation bar. However IE works a treat.

Can anyone help?
Reply With Quote

  #2 (permalink)  
Old Apr 18th, 2007, 15:43
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Do you have a link we could look at?
Reply With Quote
  #3 (permalink)  
Old Apr 19th, 2007, 08:43
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Sorry should of attached them earlier.
Attached Files
File Type: htm index.htm (3.5 KB, 18 views)
File Type: txt skin-cool.txt (1.0 KB, 18 views)
File Type: txt main.txt (4.0 KB, 17 views)
Reply With Quote
  #4 (permalink)  
Old Apr 19th, 2007, 16:21
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via Skype™ to ukgeoff
Re: CSS Drop Down Navigation is under lapping in Firefox

Please gives a live link to your page.
Reply With Quote
  #5 (permalink)  
Old Apr 20th, 2007, 08:00
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Sorry I can't make the link live yet.
Reply With Quote
  #6 (permalink)  
Old Apr 20th, 2007, 09:15
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Try adding position: relative; and z-index: 5; to the sub menus. If you already have the position property, just add the z-index.
Reply With Quote
  #7 (permalink)  
Old Apr 25th, 2007, 08:34
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

I am now able to show my problem. Everything seems ok in IE but Firefox does not like it.

http://www.nlsportal.ntu.ac.uk/CPA/test/
Reply With Quote
  #8 (permalink)  
Old Apr 25th, 2007, 09:38
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Quote:
You are not authorized to view this page
Reply With Quote
  #9 (permalink)  
Old Apr 25th, 2007, 09:58
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Oops, sorry about that, you should be able to see it now.

Reply With Quote
  #10 (permalink)  
Old Apr 26th, 2007, 10:56
Junior Member
Join Date: Mar 2007
Location: Newark
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Drop Down Navigation is under lapping in Firefox

Sorted it, had the main <div> tag set around the whole nav bar set with 'Overflow: hidden;' Removed it and the under lapping stopped.
Reply With Quote
Reply

Tags
css, drop down, firefox, navigation

Thread Tools

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 On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Drop-down navigation simonrl Web Page Design 7 Apr 10th, 2008 10:51
Drop down menus drop behind flash header theGAME71135 Flash & Multimedia Forum 3 Jan 10th, 2008 09:42
Firefox issue - Not able to scroll down and up thru mouse wheel navigation icon kallol Web Page Design 1 Apr 16th, 2007 11:34
Javascript Navigation Will Not Work With Firefox cpando1974 JavaScript Forum 2 Apr 1st, 2007 14:56
CSS navigation AdRock Web Page Design 1 Jul 15th, 2006 10:56


All times are GMT. The time now is 18:52.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43