我的网页底部的空白

Question

There's a lot of blank space at the bottom of my web page.

I used some CSS to set things up how I wanted them to be layed out, and I think somehow I did something that's causing all the extra blank space.

Any ideas what I can do to reduce that blank space at the bottom?

Thanks!

Answer 1

It's because your .right1 class is set to postion:relative You need to make it absolute. Here is a UPDATED fixed version: http://jsfiddle.net/AQq6T/2/

Answer 2

I mean this in the nicest way possible: moving elements into place with a massive top value like you're doing with top: -540px; is rarely a good method to use.

Most of the code behind the page could do with some reworking, but you can quickly fix the issue you're describing; on .right1 , set:

position: absolute;
top: 0;
right: 50px;