-
Website looks different in explorer than safari
I created a website for my school group and for some reason it looks messed up in explorer but fine in safari and firefox. Why is that? And how can would I fix that?
-
3 Replies
-
-
trisigmabetaxi.org
-
Different browsers can interpret html / xhtml a little differently, and the worldwide web consortium https://www.w3.org agrees “standards” – sets of rules governing what can be used in html / css, and how browsers should interpret these.
If your website complies strictly with these standards, this will minimise cross-browser differences – browsers don’t all interpret compliant sites identically, but once code is non-compliant the browser writers face the task of interpreting what they think the site might have intended – and the differences get much bigger.
w3c has helpful compliance testers at https://validator.w3.org/ for html and https://validator.w3.org/ for css. If you run your site through, you will find lots of errors reported, along with a little explanation of each error. The more of those you can fix, probably the better. One big difference with some Microsoft browsers is that they may interpret padding and margin differently when the site is compliant (is “standards mode”) or non compliant (in “quirks mode”).
One specific thought: you are using tables for laying out your navigation area, when you might be using divs. Padding / margin differences in quirks mode can become very visible with tables, because of the large number of cells each with padding and margin …
Reply to this Discussion! Login or Sign Up