Be a Supporter!

backgrounds in diff resolutions

  • 298 Views
  • 3 Replies
New Topic Respond to this Topic
Blordow
Blordow
  • Member since: Dec. 17, 2003
  • Offline.
Forum Stats
Supporter
Level 27
Artist
backgrounds in diff resolutions 2007-09-09 02:50:26 Reply

I'm trying to make a background for a new layout I'm making and it looks fine and fits great in 1024 by 768 resolution, but when I test it in higher resolutions it goes all gay and doesn't match up properly. The background also starts repeating itself again from where it cuts off, making it look stupid.

I noticed NG's background works on all resolutions yet it has the same width values as my background. What kind of coding do they use?

Someone help me please! :(


BBS Signature
citricsquid
citricsquid
  • Member since: Jun. 25, 2005
  • Offline.
Forum Stats
Member
Level 23
Blank Slate
Response to backgrounds in diff resolutions 2007-09-09 05:22:41 Reply

I presume the http://img.ngfiles.com/headerbg.jpg is in a wrapper DIV which goes around the main Content part, and at a wider resolution, it adds a new color?

Making a BG specific to a resolution is a bad idea....

Jessii
Jessii
  • Member since: Feb. 10, 2005
  • Offline.
Forum Stats
Member
Level 36
Movie Buff
Response to backgrounds in diff resolutions 2007-09-09 08:15:22 Reply

If you don't want it to repeat, put background-repeat: no-repeat; in your css

smulse
smulse
  • Member since: Mar. 24, 2005
  • Offline.
Forum Stats
Member
Level 31
Blank Slate
Response to backgrounds in diff resolutions 2007-09-09 08:32:58 Reply

A background image with background-position: top center; in a div set to 100% width will work, as the wider the browser the more background will be displayed.


BBS Signature