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

Auto v/s Pixel Specified for Page height:

  • # February 7, 2013 at 6:04 pm

    I have a style defined For this site:

    When I have the height: as “auto” it takes in all the content as seen here:

    But It doesn’t take in all the content on this page:

    Now I can specify the Pixels to accomodate the content, but then the other page is cut off. How do I make it auto for both scenarios….most importantly auto for this page:

    I think it’s got to be something with the way I have my DIV’s setup but I’m no wiz.

    #page-wrap {
    margin: 0 auto;
    width: 1072px;
    height: auto;
    background-color: rgba(25,52,75,0.9);
    overflow: hidden;
    border-width: 6px;
    border-style: solid;
    border-color: #FFECA8;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */

    margin-bottom: 20px;
    padding-bottom: 10px;

    # February 7, 2013 at 7:55 pm

    remove the absolute positioning from #socialicon

    # February 7, 2013 at 8:02 pm

    omg. I can’t believe it was that easy! Thank you!

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

You must be logged in to reply to this topic.