2 replies to this topic

[Dragolux]

Hey guys,

My website is breaking under IE. If you check it out (http://www.tutorialwow.com/V2/) in IE, you'll see that the header is all messed up. But then if you look at it in FF, you'll see that it looks fine.

I can't seem to find the problem! Does anyone know what could be wrong?

Thanks!

Dragolux

[Raven-X]

I'm not sure what the problem is but you may want to check your positioning, padding, and/or margins. It seems IE and FF always have some sort of conflict over one of these properties...just experiment with those and see if you can debug it. Otherwise I probably can't help you more than this right now since I'm not working with the material. Hopefully someone more experienced can offer sound advice.

[NGPixel]

Hard to find a problem with a table only layout! But to me it looks like an IE over-estimate of image height, a frequent IE problem actually. As you can see in IE, there's a little gap between the start of the header and the image itself which means the top bar is using more than it should. Simply set the exact height of the top bar where it says "Welcome to Tutorial Wow - Wanna know? Look no further." Also make sure to use overflow:hidden; to hide any extra height IE is using.

You might want to check if you're not using any padding for your text that has not been subtracted to the top bar height. This could likely be an issue as well.