Solved

CSS DROPDOWNS, SUCKERFISH EXAMPLE

Posted on 2004-10-26
222 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
Question by:JoshNYC128
    4 Comments
     

    Expert Comment

    by:draxilimus
    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
    That doesn't help me resolve the problem.
    0
     

    Author Comment

    by:JoshNYC128
    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:
    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

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    845 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

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now