Looking to position a full-width header? Check out this example for inspiration:
Here's the code snippet:
<div id="shell">
<div class="img"><img src="http://static.tumblr.com/ydsgqx5/f28mqvumo/waterfall-nature-wallpaper.png" width="448" height="336" alt="" /></div>
<div id="msg"></div>
</div>
And here's the CSS:
#shell { margin:0;
padding:30px;
width:600px;
height:400px;
background:#eee; }
div.img { width:360px;
height:280px;
overflow:hidden;
margin:auto;
}
#banner {
width: 960px;
height: 400px;
margin: 0 auto 30px;
overflow:hidden;
float: left;
}
#banner img {
left: 0;
top: 0;
position:absolute;
}
For more examples, visit: http://jsfiddle.net/BeCF9/55/
Struggling to make your image stretch across the entire page?
Let me know how I can help!
Thanks!