Neverside

Centering layer, top of page, in IE

On my MySpace I'm using a layer and top-margin to add a header. Everything looks fine in FireFox, but in Internet Explorer its not centered, and it looks as if the table has a huge border, when it only has 0.

http://www.myspace.com/Durk

Heres the code

Code:

<div id="layer2" style="width:100%; top: 0px; left:0;
position:absolute;">
<div class="header" align="center">
<table id="Table_01" width="896" height="280" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13"><img src="http://users.airax.net/filler/uploaded/myspace-top.gif" width="896" height="250" alt=""></td>
</tr>
<tr>
<td> <a href="http://home.myspace.com/"><img src="http://users.airax.net/filler/uploaded/myspace-home.gif" alt="" width="61" height="30" border="0"></a></td>
<td> <a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1"><img src="http://users.airax.net/filler/uploaded/myspace-browse.gif" alt="" width="73" height="30" border="0"></a></td>
<td> <a href="http://search.myspace.com/index.cfm?fuseaction=find"><img src="http://users.airax.net/filler/uploaded/myspace-search.gif" alt="" width="74" height="30" border="0"></a></td>
<td> <a href="http://invite.myspace.com/index.cfm?fuseaction=invite"><img src="http://users.airax.net/filler/uploaded/myspace-invite.gif" alt="" width="68" height="30" border="0"></a></td>
<td> <a href="http://rank.myspace.com/index.cfm?fuseaction=RateImage.rate"><img src="http://users.airax.net/filler/uploaded/myspace-rank.gif" alt="" width="52" height="30" border="0"></a></td>
<td> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox"><img src="http://users.airax.net/filler/uploaded/myspace-mail.gif" alt="" width="44" height="30" border="0"></a></td>
<td> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter"><img src="http://users.airax.net/filler/uploaded/myspace-blog.gif" alt="" width="49" height="30" border="0"></a></td>
<td> <a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites"><img src="http://users.airax.net/filler/uploaded/myspace-favorites.gif" alt="" width="95" height="30" border="0"></a></td>
<td> <a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories"><img src="http://users.airax.net/filler/uploaded/myspace-forum.gif" alt="" width="62" height="30" border="0"></a></td>
<td> <a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories"><img src="http://users.airax.net/filler/uploaded/myspace-groups.gif" alt="" width="70" height="30" border="0"></a></td>
<td> <a href="http://events.myspace.com/index.cfm?fuseaction=events"><img src="http://users.airax.net/filler/uploaded/myspace-events.gif" alt="" width="71" height="30" border="0"></a></td>
<td> <a href="http://music.myspace.com/index.cfm?fuseaction=music"><img src="http://users.airax.net/filler/uploaded/myspace-music.gif" alt="" width="64" height="30" border="0"></a></td>
<td> <a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds"><img src="http://users.airax.net/filler/uploaded/myspace-classifieds.gif" alt="" width="113" height="30" border="0"></a></td>
</tr>
</table>
</div>
</div>

___________________

Last edited by Karbon, July 23rd, 2005 10:06 PM (Edited 1 times)

hrm im not gonna spend time on looking at your code, but looks nice in FF

I know why its adding those borders in IE. I'll fix that, but any help on getting it to center in IE would be great :[

___________________