Treehouse: Grow your CSS skills. Land your dream job.

Help bottom background image cut off

  • # April 16, 2013 at 10:59 pm

    I’m working on a coming soon page but my bottom background image keeps getting cut off. If I zoom in you can see it all but by default when someone loads the page the top of the mountain is cut off.

    I’m pretty sure it’s easy to fix but I just can’t work out what’s going it.

    Any help would be appreciated.

    [The site in question.]( “The site in Question”)

    # April 17, 2013 at 5:01 am

    I’m pretty sure that it’s the way the divs are stacked.

    If the m1. sun & sky layers are static, then there is no reason they couldn’t all be applied to the same div rather than individual ones.

    # April 17, 2013 at 5:02 am

    That would actually be a great error page.

    # April 17, 2013 at 5:15 am

    Your `#m1` height is 300px, you can put it to 100% and it works (when you zoom in the 300px gets larger, that’s why you see more of the background). Still can’t see the clouds though :P EDIT: Nevermind, the cloud images return 404, that’s why you don’t see them.

    Chris, bit of a bloody error page!

    # April 18, 2013 at 6:59 am

    Thanks for that guys, yeah I’ve disabled the clouds by renaming them until I decide whether I still want them.

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

You must be logged in to reply to this topic.