1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Menu not floating properly...

Discussion in 'CSS' started by Suikolove, Apr 24, 2008.

0
  1. #1
    URL: http://rpguniv.net/rpgs/bof1

    I've already validated the page's HTML and CSS, and it's both valid.

    Now, the problem: The menu on the right side of the page stays at the bottom instead of being directly across from "Navigation". I want it at the top of the page.

    Any help you can offer would be much appreciated, thanks.
     
    Suikolove, Apr 24, 2008 IP
  2. fri3ndly

    fri3ndly Active Member

    Messages:
    111
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #2
    Have you cleared the float?

    If you havent try this below the floating div:

    <div style="clear:right">&nspb;</div>

    The other thing to do if this does not work is to give the floating div a negative vertical margin ie:

    #menu-right{
    float:right;
    margin-top:-500px;
    }

    Hope that helps
     
    fri3ndly, Apr 25, 2008 IP
  3. Suikolove

    Suikolove Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That did not work, but it gave me an idea.

    To #container and #barr, I set the position to relative. I then set the top position of #barr to 151px. It works (in both FF and IE, nonetheless).

    :) Thanks for your help, fri3ndly.
     
    Suikolove, Apr 25, 2008 IP