Quick Login   
 
Register AdminFusion Tutorials
 
Featured Sponsors


One.com Domain and Hosting


Register
Forum of the Month
Australian Webmaster
fotm

A webmaster forum specifically catering for Australian site owners. We discuss site development, marketing and management issues.

Tag Cloud
Latest Threads
Forum Stats
7,846 Members
164,851 Posts
35 Users Online

Please welcome our newest member, discotoast!

Affiliates
Go Back AdminFusion » Management » Graphics and Design » How do you make a background image the same on different resolutions?
Welcome to the AdminFusion. AdminFusion is the ultimate resource for forum administrators and moderators. With exclusive articles, interviews with the experts, free downloadable skins, and the revolutionary post exchange system - PostFusion, AdminFusion is the place to go for all of your forum needs.  By joining AdminFusion, you will become part of a thriving admin community and immediately gain access to all of these resources. Registration is fast, simple and absolutely free so please join us today!
Want more than our forums? Try these: Post Fusion Forum Matrix
Old 04-23-2008, 05:53 AM   #1

Title: Lurker

Points: 51, Level: 1Points: 51, Level: 1Points: 51, Level: 1
Level up: 2%, 99 Points neededLevel up: 2%, 99 Points neededLevel up: 2%, 99 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Apr 2008

Posts: 2

SassMcG is on a distinguished road
 
 
Question How do you make a background image the same on different resolutions?

I have an image that I put on the back of a theme and it fits perfectly on my 19" monitor with 1280 x 1024 resolution But my other computer with a 17" monitor and 1024 x 768 resolution doesn't look right and the image is clearly too large. The right hand side film strip is completely missing.

Here is a screen shot of what it is supposed to look like.




Here is a screen shot of what it is doing on 1024 x 768 resolution and I am sure on other resolutions it looks just as bad.



Any idea how to make this work right? I have been searching all day and I don't know php very well so I really need some specific help on this one.
Reply With Quote
Old 04-23-2008, 06:01 AM   #2

xm100's Avatar

Title: Member

Points: 739, Level: 6Points: 739, Level: 6Points: 739, Level: 6
Level up: 7%, 11 Points neededLevel up: 7%, 11 Points neededLevel up: 7%, 11 Points needed
Activity: 8%Activity: 8%Activity: 8%

Join Date: Apr 2008

Posts: 76

xm100 is on a distinguished road

 
 
Some of these issues can be down to css and floats as well as general positioning.

It's hard to pinpoint what's going on with your page.
Your second image looks like it's slipped altogether.

You can try changing the size of your page elements like the logo first if you weren't sure about how to look into the css.

Sometimes just changing the size of an element by a few pixels can make everything slot back into its proper position.

Good luck
Reply With Quote
Old 04-24-2008, 09:51 PM   #3

RedMatrix's Avatar

Title: Gas: $3.55

Points: 25,044, Level: 48Points: 25,044, Level: 48Points: 25,044, Level: 48
Level up: 49%, 506 Points neededLevel up: 49%, 506 Points neededLevel up: 49%, 506 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Feb 2006

Posts: 3,980

Location: back in TX

RedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond repute
Send a message via ICQ to RedMatrix Send a message via MSN to RedMatrix  
 
I agree with xm100.

One css trick I know is to make your borders an image. For instance, create a "wrapper" division, and make the left border N-pixels thick, and the background your image; then do the same for the right border. It takes practise to get it the way you want.
__________________
I went to Vegas, and all I got was this Blister. - true story!
Reply With Quote
Old 04-25-2008, 02:45 AM   #4

Title: Member

Points: 806, Level: 7Points: 806, Level: 7Points: 806, Level: 7
Level up: 8%, 144 Points neededLevel up: 8%, 144 Points neededLevel up: 8%, 144 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Dec 2007

Posts: 136

Location: Ringgold, GA

AirborneKim has a spectacular aura aboutAirborneKim has a spectacular aura about
Send a message via AIM to AirborneKim Send a message via MSN to AirborneKim  
 
Use CSS. Below is a direct link to the background attribute in CSS.

CSS Background Properties
__________________
- AirborneFive - Simplified Web Hosting
- First Month is 100% Free - 60 Day Money Back Guarantee
- 99.99% Network & Server Uptime Guarantee
Reply With Quote
Reply



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

 
Posting Rules

Similar Threads
Thread Thread Starter Forum Replies Last Post
Award Image Requests Nikki Buy and Sell 3 09-29-2007 09:02 PM
Graphic Design Glossary shellspeare Graphics and Design 1 10-03-2006 12:47 AM
CSS color help Harlzard Invision Power Board 7 08-14-2006 02:33 PM
[Tutorial] Using Image Slices to Create a web page Skyline_R34 Graphics and Design 4 07-23-2006 04:33 PM

AdminFusion

All times are GMT +1. The time now is 09:21 AM. Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.1.0 © 2005-2008 AdminFusion - All Rights Reserved



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72