Current location: Hot Scripts Forums » General Web Coding » CSS » Drop down boxes going behind content DIV


Drop down boxes going behind content DIV

Reply
  #1 (permalink)  
Old 06-17-08, 11:10 PM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Drop down boxes going behind content DIV

I have my new site design done except for the one error. Please visit my site http://www.ccsswimteam.com to see what I am talking about. What is happening if you use MOZILLA FIREFOX is that navigation drop down boxes with go behind the content in the "content div". I am stuck on what to do to fix this. It works fine in Internet Explorer but not in Firefox.

Any suggestions?
Reply With Quote
  #2 (permalink)  
Old 06-18-08, 08:30 AM
TerionM's Avatar
TerionM TerionM is offline
Newbie Coder
 
Join Date: Jun 2008
Location: Missouri
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Could it be the z-index? I'm no pro but if you don't have a z-index on the css for the drop downs you could try it to make them layer on top...good luck
Reply With Quote
  #3 (permalink)  
Old 06-18-08, 08:49 AM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
I have updated to Firefox 3 today and that fixed the problem. So it works correct in Internet Explorer, Safari, and Firefox 3. It does not work with Firefox before 3. Any ideas now?
Reply With Quote
  #4 (permalink)  
Old 06-18-08, 09:22 AM
TwoD TwoD is offline
Community VIP
 
Join Date: Sep 2003
Location: 404
Posts: 1,813
Thanks: 0
Thanked 0 Times in 0 Posts
I don't think it's a z-index issue since z-index's only supposed to have an effect if elements are absolutely positioned.

Anyway, I'm moving this to the CSS section as it's probably not script related.
__________________
[W3Schools - learn all about the standards.] [QuirksMode - Browser Quirks] [MS's Online Reference Docs] [DOM in Gecko.]
Please pay attention to stickys, announcements and forum rules, thank you.
Please also remember Code Wrappers and [SOLVED] Marking, this helps everyone.
Reply With Quote
  #5 (permalink)  
Old 06-18-08, 09:23 AM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
I am also beginning to think it is now a CSS issue. Anybody familiar with Firefox 3 yet and know some of the changes they made from 2 to 3?
Reply With Quote
  #6 (permalink)  
Old 06-19-08, 03:56 PM
s1yfa's Avatar
s1yfa s1yfa is offline
Newbie Coder
 
Join Date: Dec 2005
Location: Sheerness, Kent UK
Posts: 39
Thanks: 0
Thanked 0 Times in 0 Posts
not sure what causes the difference between FF2 and 3, but there have been loads of changes to the Gecko engine, which may explain the improvement on your site.

the only thing I can think of at the moment is to use includes for the menu. as in, have the menus as a separate php or asp file and call that from the main page. im pretty sure that will force the menu drop downs to stay on top.
__________________
Users /nm./: collective term for those who use computers.
Novice Users: people who are afraid that simply pressing a key might break their computer.
Intermediate Users: people who don't know how to fix their computer after they've just pressed a key that broke it.
Expert Users: people who break other people's computers.
Reply With Quote
  #7 (permalink)  
Old 06-20-08, 09:51 AM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Hmmm.... Ok sounds like a better plan than what I had. Can you give me a quick tutorial on how to do that? I will make a separate php file. You don't have to give too much detail just enough to jog the mind and get it to work.
Reply With Quote
  #8 (permalink)  
Old 06-20-08, 03:17 PM
s1yfa's Avatar
s1yfa s1yfa is offline
Newbie Coder
 
Join Date: Dec 2005
Location: Sheerness, Kent UK
Posts: 39
Thanks: 0
Thanked 0 Times in 0 Posts
basically you need a php or asp file, lets use asp as an example, with your nav bar set out as a table. you can use one for each drop down, giving each file a relative name, such as contact, about etc

html4strict Code:
  1. <td>nav bar contents
  2. </td>
  3. </tr>
  4. </table>

then call that from your html page for each drop down using

html4strict Code:
  1. <!--#include file="contact.asp" -->
__________________
Users /nm./: collective term for those who use computers.
Novice Users: people who are afraid that simply pressing a key might break their computer.
Intermediate Users: people who don't know how to fix their computer after they've just pressed a key that broke it.
Expert Users: people who break other people's computers.
Reply With Quote
  #9 (permalink)  
Old 06-23-08, 09:33 AM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Ah, thank you. I will give that a try.
Reply With Quote
  #10 (permalink)  
Old 06-25-08, 10:11 PM
xavier039 xavier039 is offline
Newbie Coder
 
Join Date: Aug 2006
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Well I gave that a try and no luck. I have it set up as a php file and calling forth another php function. That didn't seem to do the trick. Are Firefox users being told to upgrade to 3 when they open their browser? That would solve the problem.
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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 Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Change content in a DIV with links in another DIV s1yfa JavaScript 3 05-04-08 04:10 AM
Problem with layout bertrand HTML/XHTML/XML 4 11-08-07 07:30 AM
hideORshow tables, divs, or rows--need assistance deltatango5 JavaScript 2 09-20-06 08:48 AM
Replace DIV content if Flash is installed Wuiqed JavaScript 1 01-17-06 05:26 PM
Error On Registeration timmy408 ASP 2 09-05-04 02:53 PM


All times are GMT -5. The time now is 02:10 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.