views:

36

answers:

1

You build it for FF, then you hack it for IE.

Take a look here: http://jbhstad.se/NicklasSandell/

Anyone knows what's up with IE? The menu seems to have a gap between for some reason, and the entire site is floated left?

Thanks in advance, -Nike

+1  A: 

Dealing with cross-browser compatibility takes a ton of patience and attention to detail. The best advice I can give is to...

1) Make sure IE is not running in Quirks mode. A lot of problems go away with the correct doc type.

2) Make sure that your HTML is valid. Use the W3C validator for this.

3) Understand how IE implements the box model.

4) Familiarize yourself with the known IE bugs.

5) Make yourself comfortable.

Here's an article from Smashing which goes over this is some more detail.

Good luck!

Thomas
As i'm pretty tired right now, i'm gonna get a few hours of sleep. I have a feeling the errors may be right in front of my eyes.I've been working with web development for, hmm, i'd say about three years now. I've still got a lot to learn, but i'm familiar with most IE bugs and such as i've been playing around with it a lot. Every time i make a website i encounter an IE bug of some sort.I'll go through the links anyways though, thanks.
Nike
And by the way, i've already validated the page. And it gave me a doctype error, but only if i enter the direct url to the page. If i paste the HTML (as it's rendered), it comes out error-free.
Nike
Regarding point (3) (IE box model) it should be added that the article you linked is quite old and related to IE 5.5 and older. IE 6 (when in standard compliant mode) and later versions use the standard W3C box model.
Slauma
@Slauma - you're absolutely right. Thanks.
Thomas