Layout is awesome in IE and Safari, but terrible on Firefox

Leegend · Joined: 02 Aug 2009 Posts: 2

Hi, I've been helping a friend with his artist myspace page and I got it looking really good in IE and Safari, but when we looked at it with Firefox, the whole page I'd created was half off the screen to the left and up high... I can't for the life of me figure out how to fix it so that it is viewable on both IE and Firefox.
Have a look at the difference in both browsers if you're not sure what I mean:
http://www.myspace.com/allencarlsson

I've done it with tables which is probably where I've gone wrong, but I don't know how to change it to anything else so that it looks the same. The code I've used for the position of the table is:

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3599 Location: Biloxi, MS

Will try to find time to take a look at this, but your biggest mistake is using tables. The second biggest mistake is coding to any other browser than Firefox. Firefox is compliant with latest standards. Other browsers, especially IE, are way behind.

Examples related to IE and other browsers:

Bugs Found in Web Browsers

Bug Reports for Explorer 7

CSS Hacks and IE7

Explorer Exposed!

Use of Conditional Comments helps tame IE at times:

http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

Leegend · Joined: 02 Aug 2009 Posts: 2

Hey thanks for your time but I changed it around myself and it looks almost the same in both browsers now Smile

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3599 Location: Biloxi, MS

Sounds good to me. Thanks for posting back and letting us know you got it the way you want it.