I am trying to figure out how to stop a background image from moving when you scale a browser down. I want this image to stop when the content reaches the edge and stops. Kind of like this.... http://www.dnadarwin.org/ If you scale the browser down you will notice the content stops as well as the background image. The way I have it, the background image continues moving when the content stops. Help! Thanks.
If I understand what you are asking, you want to prevent your content(and content background) from shrinking when the browser window becomes smaller.
If that is the case, this could be achieved by setting an absolute 'width' for your content area. Depending on how you want your template to react, you could also use the 'min-width' property to allow the content area to get smaller, but only to an extent(set by 'min-width').
Also, since you mention your background seems to continue moving, this also may depend on how you have implemented your background image to the page/content. But to determine if this is the case and/or how to fix it, some example code or a link to your page/code would be needed.
Last edited by Sup3rkirby; 11-14-2011 at 12:06 PM.
"Given billions of tries, could a spilled bottle of ink ever fall into the words of Shakespeare?"
Hi there andy.richin,
here is the basic example...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)