HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Layout is awesome in IE and Safari, but terrible on Firefox
Post new topic   Reply to topic    HTML Help Forum -> MySpace
View previous topic :: View next topic  
Author Message
Leegend



Joined: 02 Aug 2009
Posts: 2
PostPosted: Sun Aug 02, 2009 9:50 pm     Layout is awesome in IE and Safari, but terrible on Firefox Reply with quote
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">&nbsp; <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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;
<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>&nbsp;</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>&nbsp;</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: 4289
Location: MS
PostPosted: Mon Aug 03, 2009 3:25 pm     Reply with quote
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
PostPosted: Tue Aug 04, 2009 6:53 am     Reply with quote
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: 4289
Location: MS
PostPosted: Tue Aug 04, 2009 2:14 pm     Reply with quote
Sounds good to me. Thanks for posting back and letting us know you got it the way you want it.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> MySpace All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
DARFUR
Get a Stop the Genocide poster at SaveDarfur.org.
Also see Eyes on Darfur.
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial