Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

CSS DROPDOWNS, SUCKERFISH EXAMPLE

Posted on 2004-10-26
4
Medium Priority
?
227 Views
Last Modified: 2012-05-05
Hey guys, I have the page up with these CSS dropdowns.

http://joshuaspindel.com/cems/defaultrevised.html

Problem: I want my menu to stay in place when i minimize the screen pulling from the side. So If I shrink the side of the page down the pulldowns don't layer ontop of each other.  I think the reason this is happening is that the navigation menu is absolutely positioned?

Any help would be great.  Here is the page of the working pull downs and how i want them to react to browser window manipulation.

http://www.htmldog.com/articles/suckerfish/example/

Thanks,
Josh
0
Comment
Question by:JoshNYC128
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 

Expert Comment

by:draxilimus
ID: 12425775
You could just do a view source on their site. I did it and all of there code is right there to learn from. I am sure you know this, but just in case you do not. In IE choose View>>Source and the source code can be view in notepad.
0
 

Author Comment

by:JoshNYC128
ID: 12427402
That doesn't help me resolve the problem.
0
 

Author Comment

by:JoshNYC128
ID: 12427423
Actually try http://www.joshuaspindel.com/cems/default.html 

I had to make the navigation bar ABSOLUTE so it would be positioned in the correct spot.  However, when the screen is maximized or minimized it doesn't move relative with the rest of the screen.  I'm defining screen as the div with id = content.

Also for some reason... in IE things get jumbled up? Pull downs work in Mozilla except for the positioning problem.


Ideas would be great

Thanks,
Josh
0
 
LVL 18

Accepted Solution

by:
arantius earned 1000 total points
ID: 12437630
Example at http://www.arantius.com/ee/Q_21166303.html

If you want an absolutely positioned div to move with your content, put it in a <div style="positon: relative;">
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question