I am working on a redesign for a blog site. 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 changed, and the floats are fixed. Like there is something that is being parsed on
:hover
that is not recognized when the page is first loaded.
I don't know if you've fixed it already, but it looks the same to me in firefox 3.5.8, ie8(compatibility mode) and ie8 (except for the hover on your nav not working).
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. It is really strange. I think it might be a parsing bug, rather than a CSS one.
Here is what I am getting: [attachment=0]layout.jpg[/attachment]
Haha sorry, my mistake. I meant I had the same problem with a website I was once developing, but in safari. I wasn't able to fix it unfortunately. I will look into this and I'll let you know if I find anything. (I have a feeling it was my javascript causing the problems but I see you aren't loading any .js files, so it can't be the case for you)
Thanks a lot for the help. I done a lot of searching around, and cant find a solution to the problem. I hope to be able to find a solution, and not have to start from scratch on a new design/layout.
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 changed, and the floats are fixed. Like there is something that is being parsed on
Here is the site: http://thomaslattimore.com/wawdrupal/ - *still in development
Any ideas?
Here is what I am getting:
[attachment=0]layout.jpg[/attachment]