Why does my website appear mis-aligned and formatted wrong in IE?

Question

I know that the answer is that IE is never very up-to-par with the latest code, but I'm using CSS and all, with

's but it just doesn't come out right in IE5, IE6, or IE7. Works PERFECT in Firefox (Win+Mac) and Opera.

http://neptuneware.com

The sidebar that should be on the right in the blank-white space seems to be at the bottom, below the left sidebar, on the page. Not only that but the entire page is left-aligned when it was built for center-alignment. Based on source code, and comparison between IE and Firefox, can anyone tell me why this doesn't work??
Would appreciate it very much!

Thank you!

Also, if you figure out what's wrong please tell me what code to adjust. Cheers again!

I changed the DOCTYPE to and all three versions (5,6,7) of IE still display the page incorrectly with the misplaced sidebar.

5 answers

Part of the problem is that your DOCTYPE declaration is XHTML 1.0 Transitional, and then you immediately use a

tag, which has two things wrong with it: 1) XHTML doesn't allow capitalized tags; all markup must be lowercase. 2) The center tag is deprecated in XHTML. Using deprecated tags sends your browser into "quirks mode", which makes its rendering sort of unpredictable. Try changing your DOCTYPE declaration to HTML 4.01 Transitional, or, if you want to use XHTML, revise your markup and use CSS to center elements. That would be the best way to have cross-browser compatibility.

Remember that, if you're using "width" measurements in your css, IE handles the width as if it were the stuff *inside* the margin and the others handle it as if it were the stuff *including* the margin! Also, IE handles margins for floated items differently, diddling the "gutter". Sometimes your side-by-side divs will "slide down" underneath each other even though you think you've measured them appropriately for the available space! It's a real groaner!

As stated above, you have to remember that (1) you'll have to write for MOST users, who are IE users, then adjust for the lucky few rest of us who are Firefox/Opera/other users...and (2) use various "hacks" and other methods to make the adjustments.

There are lots of METHODS that DO NOT require "hacking" - they are just plain ol' good straight standards-careful coding (http://www.alistapart.com has classic examples). If you ABSOLUTELY NEED "hacks" see the book cited.

i'm afraid my psychic code examining powers are down splendid now, i will edit my submit with the respond while a). you submit the code. or, b). I regain my powers. ---------------- ------------------- once you're conversing appropriate to the seek enter field on the main important website, curiously the comparable in Firefox, IE 6, IE 7 and Safari 2.0.4. The website has validation blunders however and additionally you may not be utilising place: absolute till genuinely mandatory.

IE is in use by about 45% of the population all over the world, no.1 is firefox. There is always a problem when programming in CSS or Javascript. U'll need to check www.w3schools.com to find out which properties work for which browser.

You cannot ignore any of these two browsers so u'll need to be able to write cross browser scripts or CSSs.

its because ie is made by microsoft and and microsoft makes horribly buggy software

Answer 1

Part of the problem is that your DOCTYPE declaration is XHTML 1.0 Transitional, and then you immediately use a

Answer 2

Remember that, if you're using "width" measurements in your css, IE handles the width as if it were the stuff *inside* the margin and the others handle it as if it were the stuff *including* the margin! Also, IE handles margins for floated items differently, diddling the "gutter". Sometimes your side-by-side divs will "slide down" underneath each other even though you think you've measured them appropriately for the available space! It's a real groaner!

As stated above, you have to remember that (1) you'll have to write for MOST users, who are IE users, then adjust for the lucky few rest of us who are Firefox/Opera/other users...and (2) use various "hacks" and other methods to make the adjustments.

There are lots of METHODS that DO NOT require "hacking" - they are just plain ol' good straight standards-careful coding (http://www.alistapart.com has classic examples). If you ABSOLUTELY NEED "hacks" see the book cited.

Answer 3

i'm afraid my psychic code examining powers are down splendid now, i will edit my submit with the respond while a). you submit the code. or, b). I regain my powers. ---------------- ------------------- once you're conversing appropriate to the seek enter field on the main important website, curiously the comparable in Firefox, IE 6, IE 7 and Safari 2.0.4. The website has validation blunders however and additionally you may not be utilising place: absolute till genuinely mandatory.

Answer 4

IE is in use by about 45% of the population all over the world, no.1 is firefox. There is always a problem when programming in CSS or Javascript. U'll need to check www.w3schools.com to find out which properties work for which browser.

You cannot ignore any of these two browsers so u'll need to be able to write cross browser scripts or CSSs.

Answer 5

its because ie is made by microsoft and and microsoft makes horribly buggy software