| We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Stretching Background Image | |
|---|---|
| Tweet Topic Started: Oct 23 2011, 10:18 PM (2,365 Views) | |
| cnm | Oct 23 2011, 10:18 PM Post #1 |
|
Infinite Diversity in Infinite Combinations
![]() ![]() ![]() ![]()
|
How do I set the background image so it fills the whole screen, instead of leaving margins on the sides? I've resized my background image numerous times (up to 2500px) and it still displays the same size in FF. Thanks! Edited by cnm, Oct 23 2011, 10:19 PM.
|
![]() |
|
| cnm | Oct 25 2011, 12:05 AM Post #2 |
|
Infinite Diversity in Infinite Combinations
![]() ![]() ![]() ![]()
|
Is this a question better suited to the Resources board? I'm happy to go there if so. Thanks.
|
![]() |
|
| Tom Gale | Oct 25 2011, 05:27 PM Post #3 |
|
Member
![]() ![]() ![]() ![]()
|
So, you want your background image to resize based on the person's screen resolution? Seems to me the success of any solution is browser dependent. My only suggestion is to have a repeating image of some sort. Probably not what you want though. |
![]() |
|
| cnm | Oct 25 2011, 11:03 PM Post #4 |
|
Infinite Diversity in Infinite Combinations
![]() ![]() ![]() ![]()
|
Tom Gale, I'm not sure. I've tried viewing it in three different browsers, and it's still showing up the same size, with margins on the sides, regardless of what size image I'm uploading. Tiling won't work, I'm afraid. It's a large image. It's not the end of the world to have it with borders but it would look so much nicer if it stretched. Unfortunately it's the kind of image that won't work with fading out the sides into a hex color.
|
![]() |
|
| Tom Gale | Oct 26 2011, 01:04 AM Post #5 |
|
Member
![]() ![]() ![]() ![]()
|
Which theme is it? The Buffy theme displays what I perceive to be properly. |
![]() |
|
| Pando-ZNS | Oct 26 2011, 07:37 AM Post #6 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]()
|
Add that to the CSS class (I'm assuming html,body). I'll warn you though, unless it's a vector (.svg file) it will become blurry, and it won't show in Firefox 3.6 and Internet Explorer 8 and below. |
![]() |
|
| cnm | Oct 26 2011, 05:02 PM Post #7 |
|
Infinite Diversity in Infinite Combinations
![]() ![]() ![]() ![]()
|
Thanks, Pando. I'll try it on my test forum and see how it displays. Tom Gale, it's for
Edited by cnm, Nov 13 2011, 07:46 PM.
|
![]() |
|
| Kotton | Nov 13 2011, 04:22 AM Post #8 |
![]()
★ Career Criminal ★
![]() ![]() ![]() ![]()
|
sry for the bump, but I wanted to share this code.. it's by far the most effective Spoiler: click to toggle
add that into the very top of your CSS (replace the 'html,' text with it, immediately before 'body') it's per theme specific and works flawlessly |
![]() |
|
| cnm | Nov 13 2011, 07:46 PM Post #9 |
|
Infinite Diversity in Infinite Combinations
![]() ![]() ![]() ![]()
|
Works perfectly! Thank you so much!
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · ZetaBoards - Theme & Code Support · Next Topic » |





![]](http://z1.ifrm.com/static/1/pip_r.png)




)
3:39 PM Jul 11