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

CSS(?) and/or IE7 funky-ness with “AddThis” button…

  • # July 27, 2011 at 9:43 am

    Hello all…

    My problem is follows:

    I have an “AddThis” social media bar/button in the footer.

    Some of the content in the main body of the site is contained expandable (show/hide) divs.

    In IE7, the “AddThis” button doesn’t react to the new height of the page when the divs have been expanded, and stays in the same spot, completely oblivious to the fact that the footer (in which the button is contained) has in fact been pushed down, to allow for the newly expanded content…

    Any help would be greatly appreciated. Link and code are below.

    HTML for the footer:

    CSS for the footer:

    .footer { background-color: #dadada; margin: 0 71px 24px 70px; padding: 0 24px 12px 24px; }
    .footer1 { clear:both; text-align:left; height: 48px; overflow: hidden; }
    .footer1 .footerTagline { float: right; }
    .footer1 a { color:#000; }
    .sharethis { width:130px; float:left; margin:0; padding:3px 0 0 0; }
    .footer img { float:left; position:relative; margin:10px 5px 0 0; }
    .footerText { font-size:10px; color:#444; padding-top:12px; text-align:left; }
    .footerText a { color:#444; }
    .footerText p { margin:0 0 10px 0; padding:0; }

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.