Top picture

[Poegle]

Hi again guys,
Im trying to make my homepage so its the entire screens width. But when it comes to the top picture how do I make sure the picture goes the full screen width. Ok I could set it to 800px, but wouldnt that be dodgey for other users with larger screen resolutions?

I dont mean the actual div to hold it I mean the size I set when I am creating the image.

Also some help on how to go about making sure the container div stays at the full width on all resolutions would be handy. Im using a container div to hold it all in which I have set to:

#container {
min-height: 100%;
min-width: 100%;
}

As I said im not to sure on how to go about doing this.

Thanks in advance

John

[Jona]

Make it about 1800px in width -- no one without one of those huge Apple screens will have a higher resolution. :p Then use something like the following:


#header {
width: 100%;
margin: 0;
padding:0;
background: url(1800px_image.jpg) top left no-repeat;
}

[Poegle]

Cheer Jona, Ill give it a go.