Grow your CSS skills. Land your dream job.

Full Background Image Question (positioning)

  • # April 9, 2013 at 7:03 pm

    Rook checking in.

    A quick q? re: positioning of a full bg image.

    I was looking at this older tutorial on said topic and when i plugged it all in, I was missing a small portion of the top of my image. Even though I played around w/ my browser window and got it to position eventually, I’m asking this simple question:

    **How do I get the image to render like it was meant to look?** is it an aspect ratio issue?? I’m working on another page (to practice), and I am wondering how do I get this to work this time around (I dumped the last design I was working on, but do want to take it on again).

    Either way, many thanks for your time.

    # April 9, 2013 at 7:05 pm

    As in, it was being cut off? That’s intended, you wouldn’t want the image to be squished and stretched to fill the window.

    # April 9, 2013 at 7:57 pm

    Thanks Doc.

    Hmmm… I can understand sides and the bottom being cut but I’m still @ a loss as to why the top would.

    # April 9, 2013 at 8:28 pm

    The idea there is the image is center center aligned, ie x and y axis. If you’re looking for it to stick to the top of the page, change center center to top center and that should fix the issue youre having.

    # April 10, 2013 at 6:10 am

    Hello, according to me Will Wallace is right, just slide little bit your image center to top.

    # April 10, 2013 at 10:19 am

    Many thanks Will. That looked like the answer. Tried it last night and seemed to have worked. Cheers.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".