aquastream Posted March 1, 2010 Share Posted March 1, 2010 A newbie question - I setup a 1920x1080 image figuring that those dimensions would handle most PC monitors. In the very centre of this image is an important 1020x768 area which I want to show everytime somebody views the site - obviously it wouldn't display properly if they're a 800x600 user, but I'm figuring most people have gone past that by now. The rest of the background image though is extraneous, and I really don't care if bits of it are cut off depending on the person's screen resolution. So the question is, how do I ensure that the image is shown from the centre rather than from the top left hand corner? Would I need some code to sense the screen resolution of their monitor and then have different versions for each, or is there a single HTML or whatever language command that will allow me to do this with a single image? Link to comment https://forums.phpfreaks.com/topic/193759-cropping-background-image-for-most-resolutions/ Share on other sites More sharing options...
haku Posted March 2, 2010 Share Posted March 2, 2010 Are you using in in image tags, or as a background image? If it's a background image, you can set this in your css: background-position:center center; Link to comment https://forums.phpfreaks.com/topic/193759-cropping-background-image-for-most-resolutions/#findComment-1020235 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.