hey iom currently working on my bands myspace page (www.myspace.com/crescentshc) and ive run into a problem that the page doesnt seem to load properly in firefox, its perfect in IE but i heard that IE is more forgiveing with code, was wandering if someone could please have a look at my code and point me in the right direction as to where ive gone wrong. cheers heres the code: <style> body { background-color: white; } } <style> body {margin-top: 0;} .iTopA { position: absolute; top: 0px; left: 50%; margin-left: -402px; z-index: 3; } object { position: absolute; top: 740px; left: 48%; height; 400px; margin-left: -402px; z-index: 2; } .viewpics { position: absolute; top: 740px; left: 94%; margin-left: -402px; z-index: 2; } .scrollBox { position: absolute; top: 1100px; left: 48%; margin-left: -402px; z-index: 2; width:870px; height:250px; overflow:scroll; overflow-x:hidden;} } .biobox { position: absolute; top: 1370px; left: 48%; margin-left: -402px; z-index: 2; width:870px; height:250px; overflow:auto } } .add { position: absolute; top: 690px; left: 48%; margin-left: -402px; z-index: 2; } .message { position: absolute; top: 690px; left: 57%; margin-left: -402px; z-index: 2; } .comment { position: absolute; top: 690px; left: 74%; margin-left: -402px; z-index: 2; } .facebook { position: absolute; top: 690px; left: 92%; margin-left: -402px; z-index: 2; } .merch{ position: absolute; top: 690px; left: 111%; margin-left: -402px; z-index: 2; } .comments { position: absolute; left: 90%; top: 850px; margin-left: -402px; } table.friendSpace {display: none;} div.friendsAndComments table {width: 100%;} div.friendsAndComments {overflow: auto; width: 788px; height: 398px;} table, tr, td { background: transparent; border: 0px; } table table table { background: transparent; z-index: 1; } div table table .whitetext12 {position: absolute; top: 700px; left: 90%; margin-left: -400px; z-index: 9;} div table table {position: absolute; top: 720px; left: 90%; margin-left: -400px; z-index: 9;} .clearfix table table, div table table table, div table table div, .latestBlogEntry, .friendSpace, .friendSpace table, .friendsComments table {position: static; margin: auto;} </style> <div class="iTopA"> <img src="http://c3.ac-images.myspacecdn.com/images02/110/l_fca291ecef744b788044ca2800f7ec6e.jpg" height="690" width="800" /> </div> <div class="add"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01NDE3Njc0NjI9"> <img src="http://c4.ac-images.myspacecdn.com/images02/129/l_e1077b242fa541c58499710d09e0f6d7.jpg" /></a> </div> <div class="message"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElEPTU0MTc2NzQ2Mg=="> <img src="http://c2.ac-images.myspacecdn.com/images02/126/l_71cafe25931e45e6b7d4502e56b640d5.jpg" /> </a> </div> <div class="facebook"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9DcmVzY2VudHMvMTIxNjYxMzE0NTQ0NjUz"> <img src="http://c1.ac-images.myspacecdn.com/images02/105/l_a1b11b5ef66c494986a95544b126fe60.jpg" /> </a> </div> <div class="comment"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU0MTc2NzQ2Mg=="> <img src="http://c2.ac-images.myspacecdn.com/images02/100/l_7fab7e5d0c694803b63783582cf33441.jpg" /> </a> </div> <div class="merch"> <img src="http://c2.ac-images.myspacecdn.com/images02/118/l_b0a8786c1e06472f8aa8bf85f450382d.jpg" /> </div> <div class="scrollBox"> <p align="left"> SHOWS</p> <table width="860" border="0"> <tr> <td>DATE</td> <td>TIME</td> <td>WITH</td> <td>VENUE</td> <td>CITY</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>8 Aug 2010 </td> <td>17:00</td> <td>By My Hands +Broken Teeth + Departures</td> <td>Tunnels</td> <td>Aberdeen</td> </tr> <tr> <td>11 Aug 2010 </td> <td>19:00</td> <td>RAMSEY + More</td> <td>Tunnels</td> <td>Aberdeen</td> </tr> <tr> <td>14 Aug 2010 </td> <td> </td> <td>RECORDING DAY 1 </td> <td>Clearwater</td> <td>Perth</td> </tr> <tr> <td>21 Aug 2010 </td> <td> </td> <td>RECORDING DAY 2 </td> <td>Clearwater</td> <td>Perth</td> </tr> <tr> <td>23 Aug 2010 </td> <td>19:00</td> <td>Proceed + Dweller </td> <td>Dexters</td> <td>Dundee</td> </tr> <tr> <td>24 Aug 2010 </td> <td>19:00</td> <td>Deaf Havana </td> <td>Tunnels</td> <td>Aberdeen</td> </tr> <tr> <td>25 Oct 2010</td> <td>19:00</td> <td>TOUR WITH TAKE COURAGE </td> <td>Cafe Drummonds </td> <td>Aberdeen</td> </tr> <tr> <td>26 Oct 2010</td> <td>19:00</td> <td>TOUR WITH TAKE COURAGE </td> <td>TBC</td> <td> Durham </td> </tr> <tr> <td>27 Oct 2010</td> <td>19:00</td> <td>TOUR WITH TAKE COURAGE </td> <td>Ringside</td> <td>Hull</td> </tr> <tr> <td>28 Oct 2010</td> <td>19:00</td> <td>TOUR WITH TAKE COURAGE </td> <td>TBC</td> <td>Liverpool</td> </tr> <tr> <td>29 Oct 2010</td> <td>19:00</td> <td>TOUR WITH TAKE COURAGE </td> <td>TBC</td> <td>Kent</td> </tr> <tr> <td>30 Oct 2010 </td> <td>19:00</td> <td>TOUR ! (with sexwolf!)</td> <td>TBC</td> <td>Birmingham</td> </tr> <tr> <td>31Oct 2010 </td> <td>19:00</td> <td>TOUR !</td> <td>TBC</td> <td>TBC</td> </tr> <tr> <td>1 Nov 2010 </td> <td>19:00</td> <td>TOUR ! </td> <td>TBC</td> <td>TBC</td> </tr> <tr> <td>27 Nov 2010 </td> <td>19:30</td> <td>Hang The Bastard + Shiner </td> <td>Tunnels</td> <td>Aberdeen</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> <div class="biobox"> <table width="865" border="0"> <tr> <td width="478"><p align="left">Crescents are a four piece hardcore band from Aberdeen, Scotland. </p> <p align="left">Never expecting to make to make anything of themselfs but trying their best to give it a go. Full of passion and energy, in it for themselfs and no one else.</p> <p align="left">ALWAYS! PUSH! FORWARD! </p></td> <td width="412"><p align="right">The new cd </p> <p align="right">'NO LOVE STORY HERE' </p> <p align="right">will be out mid october in time </p> <p align="right">for our tour with TAKE COURAGE! </p></td> </tr> </table> </div> <div class="viewpics"> <a href="http://www.myspace.com/crescentshc/photos"> <img src="http://c3.ac-images.myspacecdn.com/images02/138/l_06fea5db44634638b43e54fee15842b2.jpg" /></a> </div> <div class="comments"><table><tr><td><table><tr><td></div> <div class="friendsAndComments"> <table><tr><td class="text"> <table style="display:none;"><tr><td> <table><tr><td>/div> many thanks paul crescents
Which means your code is wrong. Never, ever use IE as a reference for how things should work. It's the worst browser on the planet. Always, always use a modern browser, anything but IE, to initially test your markup. IE is NOT forgiving. It's incompetent. The problem is made worse that you are using myspace which is a coding nightmare. For starters, it has no doctype which puts IE into quirks mode and makes it act like 1995 all over again and definitely won't act like the other far more modern browsers. The fact that you probably used IE to first test your markup compounds the problem. Just for laughs, you have 378 HTML errors and 203 CSS errors. You're not off to a good start. And people wonder why I never help with myspace pages.
woaw calm down mate, we all start somewhere. im asking for help not for someone to be a total dick to me and as for running it thru a validater if you check just my code as opposed to the full myspace page ull find far less errors
I'm not. I'm telling you how it is. myspace is amateur hour and whether it's your code or not, 300+ errors isn't good in math, isn't good for web pages and it isn't going to fly well in any browser.
well as a designer..my default would be using browser other than IE than hacks it so it works well on IE too, not the other way around, anyway looking at your code right now if i have time i will check and review it for you