SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Oct 2012
    Location
    London UK
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Full Background too Big

    Im having trouble making a full background billboard site(The size is 1600 x 600 the billboard) which has all the pages on one page for my portfolio, the problem i am having is how do i male it so it is always centered because when i make i and check the layout in a browser it is too big and at the bottom and the right hand side slide appear to see the other part of the site i wish to make it centered like this:

    http://saraparkin.co.uk/

    but i am having this problem on my site:

    http://bedford-college.co.uk/users/c...rt2/index.html


    pls can some one help me i would be grateful thank you all

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,296
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    You have a layout set at 1600px wide, which is not very practical. I recommend you read up on "responsive design", which involves making sites more flexible and adaptable to different screen sizes. If you use, say, a % width for theose divs (e.g. width: 80%; margin: 0 auto you can then tell the background image always to fill the div with background-size: cover;

    But as I said, you have a bi of reading to do.

  3. #3
    SitePoint Member
    Join Date
    Jun 2013
    Location
    Belgium
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Nicky,

    You can put the following code into your CSS-file.

    body{
    background-size: 100%;
    }

    That way, your background-picture will resize automatically.

    Kind Regards,
    Johan Santamaria
    Last edited by Stevie D; Jun 4, 2013 at 08:06. Reason: Fake signature deleted


Bookmarks

Posting Permissions

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