PDA

View Full Version : HTML table problem in MySpace



northey
Oct 15th, 2009, 12:40 AM
I'm new, so hi :) im also just starting out with learning html code :)

I have a problem with html tables. Im working on a myspace layout for my band. the table layout looks great in IE but not in Firefox. i can give you a link to the page

http://www.myspace.com/northeytest

and even the coding if you need to see it :)

The problem is that i have two tables under two different <div> classes. both div calsses are set the same, that are set to an absolute position, a left margin of -400px (each table is 800px in width) and a left positioning of 50%. the only difference is the second one has a margin at the top of 942px. In IE, this works fine, but in firefox, the table is halfway off the page on the left hand side unless i change the margin to 105%.

please help me.

drhowarddrfine
Oct 15th, 2009, 01:38 AM
myspace is a coding nightmare. The problem will always be with IE, too, since you probably used IE to initially mark it up. Your page doesn't have a doctype, normal for myspace, but this puts IE into 'quirks mode' and it will never attempt to act like more modern browsers, like Firefox or anything else.

To get your page to work correctly in all the modern browsers, it's always best to use them to initially design and test your page. Then look to see if IE stumbles into doing something correctly. It would be easier to fix old, clunky, inept IE rather than trying to make bad code work in the better browsers.

But myspace is still a coding nightmare. For example, your page has 297 html errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.myspace.com%2Fnortheytest) alone. And 96 CSS errors. (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.myspace.com%2Fnortheytest) Now all that from a very simple page that could be done in under 100 lines of markup yet yours has something over a thousand.