W webdesign Member 5 2014 0 0 Apr 18, 2014 #1 if i have a layout with a full width background, how to manage it efficiently in css and html. i need it in full width.
if i have a layout with a full width background, how to manage it efficiently in css and html. i need it in full width.
L LeetHost Active Member 409 2013 51 20 Apr 19, 2014 #2 I think you want to use a fixed image as your background in your site and make it compatible for all browsers and resolutions. If that's the case use the following plugin: Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page If you need any help , you can contact me at Skype or PM me
I think you want to use a fixed image as your background in your site and make it compatible for all browsers and resolutions. If that's the case use the following plugin: Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page If you need any help , you can contact me at Skype or PM me
immu Active Member 2,249 2010 352 430 Apr 22, 2014 #3 as per my understanding, you have a background image which is wide enough and you want it to make it center for all resolution browsers. CSS 3 FTW! html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Works in: Safari 3+ Chrome Whatever+ IE 9+ Opera 10+ (Opera 9.5 supported background-size but not the keywords) Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
as per my understanding, you have a background image which is wide enough and you want it to make it center for all resolution browsers. CSS 3 FTW! html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Works in: Safari 3+ Chrome Whatever+ IE 9+ Opera 10+ (Opera 9.5 supported background-size but not the keywords) Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)