SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Tizer's Avatar
    Join Date
    May 2002
    Location
    Beach
    Posts
    306
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Div moving with dropdown menu

    If you look here and click on the 'Services' link

    You will notice that the pullquote moves to one side.

    This is because the dropdown menu overlaps the sidebar-b div when 'Services' is open.

    I've tried using z-index - but that didn't seem to work.

    Is there a way so it will allow this to happen?

    Cheers

  2. #2
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you add 'clear:right;' to #sidebar-b, the pullquote won't move out to the left, but it will still move down the page as the menu expands. If you don't want it to be affected it all, you might want to consider using absolute positioning on the #menu - like this :
    #menu {
    top:10px;
    position:absolute;
    right: 0;
    width: 11em;
    }
    I hope this helps.

  3. #3
    SitePoint Addict Tizer's Avatar
    Join Date
    May 2002
    Location
    Beach
    Posts
    306
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks BonRouge

    'clear: right;' works - (I tried that before and it didn't - must have been a cache or something.) but as you said it moves with the menu - not the end of the world with what I have in mind - but it would be nice to keep it static

    The new #menu code doesn't work as it positions my nav bar out of the container.

    Is there another method I can use keeping the menu in the container and without the pullquote moving?

  4. #4
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Right - my mistake,... I meant this :
    Code:
    #container {
    	width: 780px;
    	border: 1px solid #333333;
    	\width: 800px;
    	w\idth: 780px;
    	border: 1px solid gray;
    	margin: 0px auto 0px auto;
    	background: url(images/aguawebs_03.jpg) repeat-y scroll left top;
    	/* height: 800px; */
    	position:relative;
    }
    #menu {
    top:10px;
    position:absolute;
    right: 10px;
    width: 11em;
    }

  5. #5
    SitePoint Addict Tizer's Avatar
    Join Date
    May 2002
    Location
    Beach
    Posts
    306
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perfect BonRouge - mucho thanks

    (late reply due to other comments )


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •