Associate
- Joined
- 25 Apr 2007
- Posts
- 139
Evening all,
I have set myself up a test page and its working fine with a scaleable background that goes up to a max width of 1500px. I have noticed though that when viewed on a small screen say a phone the background scales to fit regardless of how much content is on the page. So is their any way of setting the background to have a minimum width?
CSS
#body.main {background: url('images/backgrounds//rotate.php') no-repeat center top #000;
background-size:contain;
min-width:960px;
vertical-align:text-top;
margin:0;
}
http://www.shinehairsalon.net/ATGNI/test.html
Your help is appreciated as usual
I have set myself up a test page and its working fine with a scaleable background that goes up to a max width of 1500px. I have noticed though that when viewed on a small screen say a phone the background scales to fit regardless of how much content is on the page. So is their any way of setting the background to have a minimum width?
CSS
#body.main {background: url('images/backgrounds//rotate.php') no-repeat center top #000;
background-size:contain;
min-width:960px;
vertical-align:text-top;
margin:0;
}
http://www.shinehairsalon.net/ATGNI/test.html
Your help is appreciated as usual