margin problem with footer

Posted on 2011-05-02
Medium Priority
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
  • 3
LVL 38

Expert Comment

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

Expert Comment

ID: 35507230
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

ID: 35507389
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

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

Accepted Solution

jonahzona earned 2000 total points
ID: 35507522
At the ul.bottommenu at line 118 add a

margin-left: 0;

Should fix that.

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

850 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