Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    13
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Cool Background Alignment / Positioning ?? Plz Help!

    Hey, I am currently working on my FIRST site (please excuse all amateur habits) and i have come across a couple of problems...

    Firstly, the Background(picture) is slightly larger than the screen and the rest of my site... I have attempted to make it 100% of screen but apparently it doesn't want to do that... Please see here

    Secondly there happens to be a really slow loading time? Any ideas on how to speed it up a little??

    Again im new to everything so i apologize for my lack of knowledge and amateur habits!

    Regards. B

  • #2
    New Coder
    Join Date
    May 2011
    Posts
    13
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Have spent another unsuccessful day trying to figure it out! Can anybody help?

  • #3
    New Coder
    Join Date
    Jun 2011
    Location
    Denver, CO
    Posts
    23
    Thanks
    0
    Thanked 7 Times in 7 Posts
    It's the padding-right on your body.

    #body {
    -moz-background-size: cover;
    background-image: url("../images/backgroundblue.jpg");
    background-repeat: no-repeat;
    height: 400px;
    overflow: hidden;
    padding: 10px 0 300px;
    position: relative;
    width: 100%;
    }

    That should take care of it. Before you had "padding:10px 10px 300px" which was putting 10 pixels of padding to the right and left of the screen pushing the body content 20 pixels past 100%.


  •  

    Tags for this Thread

    Posting Permissions

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