CODEWITHSUNDEEP
htmlcssxhtml
Brett
Brett

Reputation: 20049

Sidebar not moving up despite nothing in it's way?

I'm working on a page located here: http://www.fusionhost.co.uk/newsite2/

I'm trying to get the right sidebar that contains "UK Servers, Money Back etc" to move up so it is directly below the client reviews box. Using firebug I see that nothing is in the way and it should be moving up without a problem, but it isn't.

It seems to move up and down with the height of the Fuse with us box, despite that box's height not covering the portion above it.

Upvotes: 0

Views: 75

Answers (2)

Emil
Emil

Reputation: 8527

You have the welcome and testimonials divs, which are block elements.

if you move the rpanel immediately after testimonials and float it right, the panel will move up.

Upvotes: 1

Kevin Bowersox
Kevin Bowersox

Reputation: 94489

Try swapping this style in your css:

Replace this:

.rpanel .box {
    border: 1px solid #E9E9E9;
    color: #AEAEAE;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    margin-bottom: 20px;
    padding: 15px;
    width: 178px;
}

With this: 

.rpanel .box {
    border: 1px solid #E9E9E9;
    color: #AEAEAE;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    margin-bottom: 20px;
    padding: 15px;
    position: relative; /* ADDED */
    top: -120px; /* ADDED */
    width: 178px;
}

Upvotes: 0

Related Questions