I forgot a code Options

[GunsNRachel]

I know I've used it before but I'm blanking. I have a very wide image, which I want to use for the header of a layout. I made it so large, so that people with bigger resolutions can see more. I don't know how to explain this too well..

I want the image to only show what can fit on the screen. I don't want a scroll bar that show shows the whole image. How do I do this?

Also, I don't want this image to be the background. I want to have it on a div.

[Mickey]

Try this:

CODE

<style>
.header {position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; overflow:hidden; background:url("URL") center no-repeat scroll; display:block;}
.headerimg {height:#px; width:#px;}
</style>

<div class="header">
<img src="http://i33.tinypic.com/2j1t0sh.jpg" class="headerimg">
</div>

Replace URL in the CSS code with the url of the image you want to use as your header. Also, replace the pound symbols with the appropriate values. See if that works for you.