First time coding css, need help with divs that go 100% across page!

I think you get the problem from the title, but im new to css, and stuff so i really need help with this.

ok i need my div to be like this across the page

whole page...
Ś-------------------------------------------------------Ś
Ś--------------------------DIV--------------------------Ś
Ś-------------------------------------------------------Ś

but its like this..

Ś##Ś-------------------------------------------------Ś##Ś
Ś##Ś-----------------------DIV-----------------------Ś##Ś
Ś##Ś-------------------------------------------------Ś##Ś

the ## represents whitespace on the page.

ok here is my code...


<html>
<head>
<title> stupid junk </title>
<style>
#adarea{
height: 119px;
width: 100%;
position:relative;
left:-10px;
border: 1px solid black;
padding-top:14px;
padding-left: 23px;
align: center;
background-image: 
url('images/adarea.png');
background-repeat: repeat-x
}
</style>
</head>
<body>
<div id=adarea>
<img src="https://www.google.com/adsense/static/en_US/images/leaderboard.gif">
<img width="30px" src="images/spacer.gif">
<img src="http://www.google.com/images/adsense/120x60_blue_adsense_c.gif">
</div>
</body>
</html>

First time coding css, need help with divs that go 100% across page!

there is a whitespace between the sides of the pages with my div!

GamingLoft

swa66

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week