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.



 Subscribe in a reader

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

Notices


Reply
 
LinkBack Thread Tools
  #1  
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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Apr 18th, 2007, 15:43
Elite Veteran
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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
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)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
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
Re: CSS Drop Down Navigation is under lapping in Firefox

Please gives a live link to your page.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Apr 20th, 2007, 09:15
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
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/
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Apr 25th, 2007, 09:38
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
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.

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
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 14:15.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization 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