Grow your CSS skills. Land your dream job.

Having issues with CSS positioning.

  • # June 14, 2013 at 11:06 am

    Below is the CSS I’m using to try and position the #lower-content-sub div to stick to the bottom of my #content div. I’m trying to position it like the home page at [Home page](http://boyd.lottmandesign.com “home page”). I’m just not that savvy at positioning and could use a little help. I’d like it to stick to the bottom so when the content div moves, the lower content will stay with it and adjust.

    The page where you can see the issue is [here](http://boyd.lottmandesign.com/about/boyd.html “about boyd”).

    Sample code:

    CSS

    #content {
    width:990px;
    height:auto;
    min-height:540px;
    background-color:#fff;
    margin: -158px auto 0 auto;
    -webkit-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
    -moz-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
    box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
    }

    #lower-content-sub {
    height:250px;
    width:100%;
    background-color:#fff;
    border-top: 5px solid #666;
    border-bottom: 2px solid #666;
    background-image:url(../images/noise.jpg);

    }

    HTML

    # June 14, 2013 at 12:28 pm

    The issue is fixed.

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

You must be logged in to reply to this topic.

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