PDA

View Full Version : How to auto-resize background image


TitanJeff
10-19-2011, 08:05 PM
I'm playing around with some code in the hope that I can find a way to have the background image resize according to the viewer's browser resolution.

Here's where I am now:

ADMIN>STYLE & TEMPLATES>STYLE MANAGER>BODY>EXTRA CSS ATTRIBUTES

margin: 0px 0px 0px 0px;
padding: 0px;

background-image: url(http://www.gotitans.com/club-view.gif);
background-repeat: no-repeat;

The image is there so now trying to figure out how to have it adjust. Any suggestions? Thanks.

UPDATE: background-size: 100%; made it happen. Not sure if it works on all browsers.

The Rocketeer
11-23-2011, 12:18 PM
Thanks, How would one go about doing this on vBulletin 4 ? Currently on the doc_background after the image url I have inserted fixed center. And its also set at no repeat.

:)