Question

I’ve designed a web page with 3 columns arranged like this:

[[left] [content] [right]]

and it is showing like this:

[[left]      [right]]
    [content]

wehn I ctrd+scroll down, it looks ok, how can I fix this?

the css is:

.advert_panel_right{
width:250px;
height:100%;
float:left;
}

.advert_panel_left{
    width:250px;
    height:100%;
    float:right;
}

.content_wraper{
    width:902px;
    margin: 0px auto;
}

.content{   
    font-family: Verdana, Geneva, sans-serif;
    width:100%;
    margin-left:25px;
}

Answer 1

.content_wraper{
    width:802px;
    margin: 0px auto;
}

does reducing the width of the wrapper helps? i belive it is too large.