Grow your CSS skills. Land your dream job.

background image not sticky at the bottom

  • # April 8, 2011 at 5:51 am

    Can anyone help to fix? I do not know how to make the background image (css position bottom right) sticky at the bottom of the page. If I resize the page it stays at bottom, but if the window is shorter than right column and you need to scroll, the image leave some space at the bottom.. try to visit the link, eventualy resize the window and the scroll down.

    http://www.3820.it/test/philosophy.html.

    Thank you

    # April 8, 2011 at 9:56 am

    position: absolute;
    bottom: 0;
    right: 0;

    # April 9, 2011 at 5:00 am

    OK, that’s the best solution. Thank you!

    # April 9, 2011 at 8:00 am

    you might also want to add a min-height and min-width to your #outline div to prevent the site from breaking down with minimized or displayed on a smaller screen.
    Add to your #outline div…
    #outline{
    min-height: 800px:
    min-width: 1000px;
    }
    just set the size to you think the layout looks good for you when minimized.

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

You must be logged in to reply to this topic.

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