I am a beginner webdesigner, more like a curious one. My knowledge is very basic. Said that, I just finished a website - well, I thought I was done with it -, but I friend of mine noticed that my website looks different in Internet Explorer: http://www.nicolaibrix.dk The logo and the "All rights reversed" show a little outside of the body of the site. It looks ok/normal in Safari and Firefox though.

 

Question: Is there any code I can use to make my navigation look the same in all the browser, or any other (easy) solution to solve this problem with IE?

 

1000 thanks, guys and gals!

 

Marcos

First you need to fix your HTML. Run it through the validator http://validator.w3.org/ and fix the errors. Incorrectly formatted HTML documents forces browsers to guess what you're really trying to do and then all hell brakes loose as there's no consistency between the browsers.

 

Unfortunately, IE is know of doing it its own way. The hasLayout article http://www.satzansatz.de/cssd/onhavinglayout.html explains some of the problems. hasLayout is the cause of most of the rendering issues you'll encounter with IE.

 

Fortunately, you can target IE spesificly without affecting the other browsers by using conditional comments. http://www.quirksmode.org/css/condcom.html