HTML Help

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:

Quote:
<div align="center" style="position: absolute; top: -362px; left: -345px; z-index: 1">

<table border="0" width="800" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="http://i814.photobucket.com/albums/zz66/allencarlsson/msheaderlq.jpg" width="800" height="459" /></td>
</tr>

<tr>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTE5MDE1MTY="><img border="0" src="http://i814.photobucket.com/albums/zz66/allencarlsson/add4lq.jpg" width="136" height="39" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00OTE5MDE1MTY="><img border="0" src="http://i814.photobucket.com/albums/zz66/allencarlsson/message4lq.jpg" width="219" height="39" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ5MTkwMTUxNiZwdWJsaWM9MA=="><img border="0" src="http://i814.photobucket.com/albums/zz66/allencarlsson/favourite4lq.jpg" width="219" height="39" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD00OTE5MDE1MTYmZj1mb3J3YXJkcHJvZmlsZQ=="><img border="0" src="http://i814.photobucket.com/albums/zz66/allencarlsson/forward4lq.jpg" width="226" height="39" /></a></td>
</tr>

<tr>
<td>

<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/whitesquare.jpg" width="1" height="370" /></td>

<td>

<table border="0" width="45%" cellpadding="2">
<tr>
<td>Biography text</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>

<tr>
<td><center><table border="0" width="780" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/whitesquare.jpg" width="741" height="1" /></td>
</tr>

<tr>
<td>

<table border="0" width="783" style="border: 3px solid C0C0C0; padding: 0">

<tr>
<td><div align="center">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle"><p align="center">  <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793215"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb1.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793305"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb2.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793263"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb3.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793334"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb4.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793236"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb5.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793287"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb7.jpg" border="0" /></a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=491901516&albumID=495267&imageID=2793181"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/thumb8.jpg" border="0" /></a> </td>
</tr>

<tr>
<td><p align="center"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=491901516">
<font size="2">More Photos</font></a></td>
</tr>
</table>
</div>

</td>
</tr>
</table>

</td>
</tr>
</table>
</center>

</td>
</tr>

<tr>
<td> </td>
</tr>

<tr>
<td>

<table border="0" width="100%" cellspacing="0" cellpadding="0" background="http://i814.photobucket.com/albums/zz66/allencarlsson/pinkbg.jpg">
<tr>
<td>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/whitesquare.jpg" width="1" height="549" border="0" /></td>
</tr>
</table>

</td>

<td align="right">

<table border="0" width="100%" cellpadding="5">
<tr>
<td><p align="right">

<table border="0" width="50%" align="right">
<tr>
<td>News<p>Twitter?<p>Blog</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>

<tr>
<td colspan="2"><img src="http://i814.photobucket.com/albums/zz66/allencarlsson/whitesquare.jpg" height="1" width="800" /></td>
</tr>
</table>

</td>
</tr>
</table>
</div>

All help would be greatly appreciated.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4288 Location: 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 :)

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4288 Location: MS

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