The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // 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]( “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]( “about boyd”).

    Sample code:


    #content {
    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 {
    border-top: 5px solid #666;
    border-bottom: 2px solid #666;



    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed