Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1735
  • Last Modified:

CSS alignment issues in IE 8 and IE 9 - TypePad Theme

I'm working on a custom TypePad theme for http://www.peckofpickledpeppers.com/my-blog/

It works great on my Mac in Safari, Chrome, and Firefox.
It also works great on Windows in Chrome, Firefox, and when I set IE 9 to IE 7 mode. However, when I'm in IE 8 or IE 9 mode, the right sidebar is messed up! The 3 white tabs are to the left of the main content (where they belong) but the rest of the sidebar content also winds up to the left of the content, where it DOES NOT belong.

I'm very limited (due to typepad - yuck) on how much of the HTML structure I can edit. Can someone help me with the CSS fixes to keep the tabs on the left in IE8/IE9 but get the rest of the sidebar content back where it belongs?
0
mandi224
Asked:
mandi224
1 Solution
 
Kyle HamiltonData ScientistCommented:
there is an extra closing div just before this line at around line 122:

 >> </div> <<
<div class="module-categories module">
...

While all the other browsers actually seem to be compensating for it, IE can't handle it.

here's your page with it removed:
http://candpgeneration.com/EE/modules.php
0
 
mandi224Author Commented:
YES! Thank you... I couldn't find it for the life of me. I really appreciate the help
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now