[FIXED] IE 8 Problems - float bug

Joined: 03/09/2009

I am working on moving one of my old WordPress sites to Drupal. I am getting some major layout problems in internet explorer 8. I have never encountered problems like ones I am getting, so I don't even no how to trouble shoot it.

The layout is pretty much broken in ie8, but not ie7. The main bug I am getting is, when the page is first loaded, the layout is broken. But, if I rollover the menu, ummm... it fixes everything.The layout literally is change, and the float are fixed. Like there is something that is being parsed on :hover that is not recognized when the page is first loaded.

Here is the site: http://thomaslattimore.com/wawdrupal/ - *still in development

Any ideas?

G&G Moderator
G&G Podcast Host
micah's picture
Joined: 06/21/2007
Looks fine in IE8 to me

Thomas,

The site looks fine in IE8 to me. The only difference I see between FF and IE8 is the rounded corners. Maybe something old is stuck in there? Try clearing browser cache completely in IE8?

Micah

Joined: 03/09/2009
That's one thing that is

That's one thing that is really weird about it. Sometimes it is loaded and looks fine, but if it is refreshed, 50% of the time the layout will break, at least for me. It is really strange. I think it might be a parsing bug, rather than a CSS one.

Here is the bug I am getting.

G&G Moderator
G&G Podcast Host
micah's picture
Joined: 06/21/2007
Two Suggestions

Ok, I have two suggestions for you.

First, try changing this:

<div class="section clear">

to this:

<div class="section clear-block">

The .clear-block class in defaults.css uses some extra browser hacks in it that might help.

The other thing is that you might be hitting one of IE's padding/margin quirks. Try reducing the width on div.article by a few pixels to compensate, and/or make sure that both margin and padding are explicitly set (even if they should inherit 0px) in both div.calendar and div.article.

Micah

Joined: 03/09/2009
Drat

Thanks for the help Micah, I applied clear-block and the problem is still occurring. I also tried messing with the width and margin/padding of div.article, but, to no avail. This is really frustrating.

Joined: 03/09/2009
Not sure what was wrong. But

Not sure what was wrong. But I decided to re-due the theme from the near beginning, starting with the original html template. Problem now fixed. Thanks.