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