Forums

FIT TO BROWSER??

Permalink
I have a background image on my website, but when someone is on a bigger monitor or expands their browser, the background image stays the same size, and the extended area shows nothing but blank space. How can I make the background image expand WITH the browser size? The current code I'm using looks like this:

#body{ position: relative;
  width: 100%; }
html, body {
   height: 100%;
   font-family:Arial, Helvetica, sans-serif;
}
body {
   padding: 0px;
   background: url(web_bknd.jpg) no-repeat;
}
 
PassionForCreative replied on at Permalink Reply
PassionForCreative
I've used a lovely javascript resizer on a couple of sites I've done lately. If you check outhttp://www.paulreidy.ie you'll see it in action. Drop me a PM and I can hook you up with the resources :-)
12345j replied on at Permalink Reply
12345j
http://css-tricks.com/perfect-full-page-background-image/
moosh replied on at Permalink Reply
moosh
Hi,

You can try this perfect jquery plugin (i always use it) :
http://buildinternet.com/2009/02/supersized-full-screen-backgrounds...

++
Adreco replied on at Permalink Reply
Adreco
All the works done for you... if you don't mind purchasing from the Marketplace. See http://www.concrete5.org/marketplace/addons/backstretch/... for scaling the background image.
Shaila replied on at Permalink Reply
Okay, well I tried purchasing it from the Marketplace, but it said I needed version 5.4 to install it. I currently only have Concrete 5.3.3. So I followed the link to upgrade (http://www.yoursite.com/index.php/tools/required/upgrade.php) and it tells me "Your site is already up to date! The current version of Concrete5 is 5.3.3.1. You should remove this file for security."

Any help?
Remo replied on at Permalink Reply
Remo
please don't double post:
http://www.concrete5.org/community/forums/themes/fit-to-browser/...