473,704 Members | 2,408 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Dropdown menu pushes away the other content

Hi there

I am working on a site with a drop down menu. The post before mine had
the same issue as mine in IE6; so i will follow that for that problem.
Only i do have another problem. The drop down drops down nicely (FF and
IE7), but it pushes away the content underneath it. Try the link and
you'll know what i mean:

http://www.natuurburo.nl/dieren

My css is here: http://www.natuurburo.nl/styles/main.css

Can anyone help me out and tell me what goes wrong with the drop down
box concerning the content beneath it?

Thanks,
Mark

--
-------------------------------------------------------------
www.colorworld.nl
Jun 27 '08 #1
3 3092
After serious thinking ColorWorld wrote :
Hi there

I am working on a site with a drop down menu. The post before mine had the
same issue as mine in IE6; so i will follow that for that problem. Only i do
have another problem. The drop down drops down nicely (FF and IE7), but it
pushes away the content underneath it. Try the link and you'll know what i
mean:

http://www.natuurburo.nl/dieren

My css is here: http://www.natuurburo.nl/styles/main.css

Can anyone help me out and tell me what goes wrong with the drop down box
concerning the content beneath it?

Thanks,
Mark
Well, i got a bit further. Only the position in IE is not good yet...

--
-------------------------------------------------------------
www.colorworld.nl
Jun 27 '08 #2
In article <mn************ ***********@xs4 all.nl>,
ColorWorld <sc*****@xs4all .nlwrote:
After serious thinking ColorWorld wrote :
Hi there

I am working on a site with a drop down menu. The post before mine had the
same issue as mine in IE6; so i will follow that for that problem. Only i
do
have another problem. The drop down drops down nicely (FF and IE7), but it
pushes away the content underneath it. Try the link and you'll know what i
mean:

http://www.natuurburo.nl/dieren
I assume you have

#main_menu ul li ul {
...
left:-70px;
...
}

to let us know where it is for testing purposes and that you will change
it to something like:

#main_menu ul li ul {
...
left:-2070px;
...
}

for real use.

--
dorayme
Jun 27 '08 #3
dorayme has brought this to us :
In article <mn************ ***********@xs4 all.nl>,
ColorWorld <sc*****@xs4all .nlwrote:
>After serious thinking ColorWorld wrote :
>>Hi there

I am working on a site with a drop down menu. The post before mine had the
same issue as mine in IE6; so i will follow that for that problem. Only i
do
have another problem. The drop down drops down nicely (FF and IE7), but it
pushes away the content underneath it. Try the link and you'll know what i
mean:

http://www.natuurburo.nl/dieren

I assume you have

#main_menu ul li ul {
...
left:-70px;
...
}

to let us know where it is for testing purposes and that you will change
it to something like:

#main_menu ul li ul {
...
left:-2070px;
...
}

for real use.
:) Yep, that is right. It was hard to see what was going on, so i
brought it into view.

--
-------------------------------------------------------------
www.colorworld.nl
Jun 27 '08 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
2944
by: middletree | last post by:
For an ASp Intranet app, I have some code that should work, but I am not able to make it happen for some reason, after spending considerable time on this. I am pretty thick when it comes to javascript; I just don't get the syntax at all. If anyone could help, I would appreciate it. I'm probably pretty close. Please note that because it's an Intranet, all users have to use IE 5 or higher. Situation: 3 form fields on an ASP. <select>...
2
1217
by: Cheryl | last post by:
I have grabbed a menu from a javascript site ( http://www.dynamicdrive.com/dynamicindex1/topmen3/index.htm ) and added to my page. The problem is however the dropdown comes down on top of text and input boxes , as you would expect and desire, *but* behind dropdown boxes on the page. Surely there is a simple fix for this?
0
1283
by: kinane3 | last post by:
Mostly I need to figure if I'm wasting my time or if there is a way to do what I am trying to do. I am an intermediate to CSS at best so please don't flame me, just trying to do my job here. I came across this article when I searched for a CSS solution to long winded DHTML dropdown menus. http://www.alistapart.com/articles/dropdowns/ I did get it to work but here's my problem. What I "did" get to work was a horizontal drop in a...
15
1873
by: gil | last post by:
Viewing my site in Moz 1.7.12 and Opera 8.54, the nav menu intrudes into the content area, but it seems to display correctly in IE 6.0. Between browsers, there is a marked difference in the displayed left margin (padding?) of the navigation menu, with IE showing the intended spacing. The menu appears to be shifted right in Moz/Opera and pushes into the main page data. I wanted the nav menu centered in the left floated block and have...
6
16226
by: nishac | last post by:
Can anyone suggest me how to make my drop down menu work in IE7 too.Its working in other browsers.On mouse over the submenus should be displayed.Am attaching my css code hereby.Anyone please check and give a positive reply. menu HOme products support..... | | submenus p1 A p2 B.. p3... /*================= STYLES FOR THE PRIMARY NAV...
1
2430
by: Aad vd Naad | last post by:
Hi, I have create a dropdown menu which looks as expected in Safari (Mac). Viewing it in FF (Mac) or IE6 (Windows) it's a bit messed up. It also seems that when the top level links are clicked (#nogo) the whole structure collapses. I'm staring to this code for hours now, but I can't figure out why it is not cross-browser, compatible, valid etc. Could someone please take a look at the code and provide suggestions how to improve it.
0
1639
by: plunder | last post by:
Hi all what I'm trying to do is a flash menu which in some points has a dropdown sub-menu which comes out on mouseover and contains elements which if clicked link to other pages. Point is that these elements contained in this sub menu when clicked actually do nothing...! Here is what I did: placed the menu the way I wanted, converted this images to Movie Clip, double clicked, added 4 layers (one for the actions, one for an alpha...
1
2329
by: awreese | last post by:
I've created a series of dropdown menus that work fine in Firefox, Safari, Camino, etc. but will not work at all in Windows IE. I'm presenting the whole file here hoping someone will come up with an answer. I've worked on this for days. Help will be appreciated. The website is: www.457thbombgroup.org/indexRR.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> <html>
1
3146
by: paulyXvpf | last post by:
Hello javascript folks, PROBLEM: Javascript dropdown problem in IE 6 and IE7 DESCRIPTION: menu falls behind a container box on web page COMMENTS: It works fine in Firefox but not in IE 6/7 versions Notice this URL using IE6/7: http://iimaaconference.com.yourtempsite.com/
0
8764
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8677
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9266
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9130
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9020
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8974
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7879
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5926
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
3
2074
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.