Results 1 to 8 of 8
  1. #1

    Default Background Image and Centre Box

    Hello

    I want to place a background image on my site, i used 1920x1080

    however the image repeats which i don't want, and if i resize the window the centre box moves over the backgorund image.

    What i want i the image to scale with which ever size window it is in and not repeat. I also need the centre box to remain fixed so that if someone is vewing the site in a different sized window they can still see the image and the centre box doesn't move.

    Any ideas.

  2. #2

    Default Re: Background Image and Centre Box

    Nobody here knows how to fix the Background and centre box so that the centre box does not slide over the image when you scale the window smaller and larger?

  3. #3
    Join Date
    Aug 2010
    Posts
    8
    Plugin Contributions
    0

    Default Re: Background Image and Centre Box

    Post a link to your site so people can see what you're talking about.

  4. #4

    Default Re: Background Image and Centre Box

    here it is

    www.gamebeta.co.uk

    thanks

  5. #5

    Default Re: Background Image and Centre Box

    The problem is at the moment i am using a repeated image of black-fading-to-white for my background.

    However i want to have an image that i can change when new releases come out. The background image however does not scale to the window size, and also the main centre body moves over the images. I want the centre box fixed in the centre and the background image to scale correctly.

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Background Image and Centre Box

    The background image will not scale to the window - CSS does not work that way. You already have that repeat controlled, in your body {} rule

    background: url(../images/bg_body.gif) repeat-x; #000000

    though you have misplaced the closing ;
    You should have there

    background: url(../images/bg_body.gif) repeat-x #000000;

    and you probably want


    background: url(../images/bg_body.gif) repeat-x #ffffff;

    to get the bottom of the page white.

  7. #7

    Default Re: Background Image and Centre Box

    Hi thanks for the response

    However i want an image not the black-to-white image i have now.

    If you go to another site with an image behind it like;

    wwwgamegears.couk (missing two dots on purpose "www." and .co.uk)

    When you scale the window you will see that the image and centre box stay fixed. On my site if i put in an image similar to the one here, then the imgae stays in position but the centre box just slides over the top of it making some parts of the image visable that shouldn't be, and some hidden that shouldn't be.

    ANy ideas how to repeat this effect?

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Background Image and Centre Box

    background: url(../images/bg_body.gif) no-repeat #000000 top center;

 

 

Similar Threads

  1. v150 Replace side box header image and background of box and add footer
    By clint6998 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Nov 2012, 11:55 PM
  2. sidebox/centre heading background image
    By iluvedancin in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 13 Jan 2011, 08:43 PM
  3. Making header background image higher without being hidden behind centre of website
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Apr 2009, 04:36 PM
  4. Centre Producst Box & Image issues
    By Mon3 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Apr 2008, 11:36 AM
  5. Replace side box and centre headers with graphics
    By robsnowden in forum General Questions
    Replies: 0
    Last Post: 31 Jan 2008, 01:35 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg