Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 19 Oct 2011, 22:05
TitanJeff's Avatar
TitanJeff TitanJeff is offline
 
Join Date: Aug 2002
How to auto-resize background image

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.

Last edited by TitanJeff; 19 Oct 2011 at 22:14.
Reply With Quote
  #2  
Old 23 Nov 2011, 13:18
The Rocketeer's Avatar
The Rocketeer The Rocketeer is offline
 
Join Date: Jun 2010
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.

Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 20:23.

Layout Options | Width: Wide Color: