CSS : Width too big.

[Lewwy]

The problem is at http://www.evolewtion.co.uk/index.php (http://www.evolewtion.co.uk) if you scroll to the right, it goes too far, at first I used the CSS

.bottom{
width:100%;
height:100%;
}

but it was still too big, now I am using

.bottom{
width:1028px;
height:100%;
}

and now, the edges stop at the right place, but the white space carries on.

P.S Dont click on the links, they dont work just yet..

[Templarian]

Why is there a <BR /> tag in your CSS?

Get rid of all the padding-right you just keep pushing it to the right.

[ditt0]

You mixed the css with the html, you can't have "<div>" or "<br />" inside the css.Plus you have the body element several times..why?
Here's how your css should look :



body{
margin:0px;
padding:0;
}
.top{
height:100px;
width:98%;
padding:1%;
background-color:#666666;
color:#ffffff;
font: bold 24px Verdana, Arial, Helvetica, sans-serif;
}
.bottom {
height:100%;
width:98%;
background-color:#ffffff;
color:#000000;
padding:1%;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.heading{
color:#FF6600;
background-color:#CCCCCC;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.menu{
height:20px;
width:99%;
padding-left:1%;
background-color:#CCCCCC;
color:#FF6600;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
a{color:#333333;}
a:hover{color:#FFFFFF;}
.style1 {color: #333333}

You also had the .menu class twice, and no matter how you were setting the width for the first one, the second menu class was overriding it.

[Joppe]

The god strikes back :D