margin problem with footer

Posted on 2011-05-02
Last Modified: 2012-05-11

The copyright box (footer) at the bottom of this page is somehow having a margin added to the top and bottom when I activate the compatibility mode using IE9.
I believe these are the rules controlling this section of the page.
.ts-3-2{border:medium none;clear:both;height:42px;width:1000px;margin:0;padding:0;}
.gen-5{width:1000px;margin-bottom:0px;margin-top:0;padding:10px 10px 10px 10px;color:#000;background-color:#FFF;}
Any specific corrections would be appreciated.
Question by:TrueBlue
    LVL 38

    Expert Comment

    by:Tom Beck
    I'm also noticing that the links in the bottom navigation bar are shifting to the right.
    LVL 13

    Expert Comment

    It looks like you are editing this.

    I got it to work by removing the height attribute at line 152 (.ts-3-2)

    Hard to help when it keeps changing! ;)

    LVL 13

    Expert Comment

    Again, just to clarify in the code you posted above, try:
    .ts-3-2{border:medium none;clear:both;width:1000px;margin:0;padding:0;}

    Open in new window

    instead. Should work fine in all browsers.

    Author Comment

    That worked :)
    As you said, any idea why the bottom links are shifting right?
    LVL 13

    Accepted Solution

    At the ul.bottommenu at line 118 add a

    margin-left: 0;

    Should fix that.

    Featured Post

    Training Course: Android App Development

    This course will involve creating widgets, customize list view, grid view, spinners, etc. Creating applications using audio, video, and SQLite database. Ending with publication on Google Play.

    Join & Write a Comment

    This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
    In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now