• Welcome to AlpineZone, the largest online community of skiers and snowboarders in the Northeast!

    You may have to REGISTER before you can post. Registering is FREE, gets rid of the majority of advertisements, and lets you participate in giveaways and other AlpineZone events!

Background scaling (or lack of)

bdfreetuna

New member
Joined
Jan 12, 2012
Messages
4,300
Points
0
Location
keep the faith
Hey Nick... at work I am on a monitor that's got 1900px width or something like that. Not many people have such wide horizontal resolutions but anyway there is grey area to the sides of the Sugarloaf background picture.

You can change this so the background has a minimum width and then will scale on wider displays. CSS could be something like this:

img#bg {
position:fixed;
background-position:50% top;
top:0;
left:0;
width:100%;
height:100%;
min-height:900px;
min-width:1800px;
}

Adjust your min-height and min-width to be the size of the image. This CSS will cause the background to appear as it fills the screen on any display, without scaling it down or causing distortion.

Obviously this is not a big deal and I have too much time to kill ;)
 

Nick

Administrator
Staff member
Administrator
Joined
Nov 12, 2010
Messages
13,176
Points
48
Location
Bradenton, FL
Website
www.alpinezone.com
I actually have a 2560x1440 monitor at home myself. Will check it out later ... thanks!

Sent from my Galaxy Nexus using Tapatalk 2
 
Top