Question

I have a problem with the layout I’m creating- problem being that in certain resolutions (or if you zoom in) you can see where the outlining of the div boxes are.

Here’s what it’s supposed to look like:

Here’s what it looks like at some resolutions (or zoomed in):

If you need to see the website, it’s here, though obviously it’s not finished yet. You might immediately see the problem based on your resolution, if not you could zoom in or change your monitors resolution.

I would imagine this is a common problem with an easy solution. Thanks for your help!

Answer 1

If you change your #righthand to have a float:left, the vertical line at the right disappears.

#righthand {
    width: 368px;
    height: 373px;
    background: url("../img/right.png");
    float: right;  // CHANGE TO LEFT
}

And if you change your #tp to height:248px, the other horizontal line disappears.

#tp {
    width: 1024px;
    height: 249px;  //CHANGE TO 248px
}