Jump to content


Fixed Background & Display Resolutions Help

Started by Spide®™, Feb 07 2007 05:03 AM

2 replies to this topic

#1 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 07 February 2007 - 05:03 AM

Could anybody help me out with a little problem i have got plz B)

My problem, i have a fixed background on this new template i'am working on
at a screen resolution of 1280x1024 its perfect LINK HERE, but i want my BG to be like gamespot.com

when you change screen res the BG stays in the same place and the site content centers to the BG in all screen resolutions

Hope you can understand what i need help with
and thx in advanced for any help :rolleyes:

#2 gold killer

    Young Padawan

  • Members
  • Pip
  • 14 posts

Posted 07 February 2007 - 08:01 AM 

body
{
 background-color: #000000;
 background-image: url("http://www.junglespider.me.uk/SG_BG01.gif");
 background-repeat: no-repeat; 
 background-position: top center; 
 background-attachment: fixed;
}

that should do the job

#3 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 07 February 2007 - 10:26 AM

Thx gold killer m8 for your help
i tryed your code but it dident work and it knocked the fixed BG out
so i changed it to this

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>SG_Template_Tester</TITLE>
<META name="junglespider" content="junglespider">
<STYLE type="text/css">
div#container
{
   width: 1280px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
}
</STYLE>
<body style="background-attachment: fixed; background-repeat: no-repeat; background-position: top center;" background="SG_BG01.gif">
</HEAD>
<BODY background="images/SG_BG01.gif" bgcolor="#000000" text="#000000">
<DIV id="container">
<IMG src="images/SG_Base01.gif" alt="" align="top" border="0" width="767" height="1734" style="position:absolute;left:249px;top:0px;width:767px;height:1734px;z-index:1">
</DIV>
</BODY>

</HTML>

But now iv got another problem
The SG_Base01.gif Stays in the same place on all the resolutions
Once i get this sorted i should be fine with everything els, i'am just a designer and dont know much about codeing
If i cant get this to work iam just going to have to skip the idea of haveing a fixed BG working on all resolutions :D
Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design