Log In · Register

 
help with browser compatibility with band header!!
fromshiptoshore
post Aug 14 2009, 08:11 AM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Jun 2009
Member No: 734,820



okay guys, i need this asap. it is perfect in firefox and my rollovers are perfect in everything it's just my header with the sliced images.
here is my coding. it is too far right in ie.
but on firefox is centre.


CODE
<style> body { margin-top: 0px; } .getupnovemberbannercode {
position: absolute; top: 0;
width: 1000px;
text-align:center;
margin-top: 0px;
left -49%;
margin-left: -432px;
left: 50%; }</style>
<div class="getupnovemberbannercode"> <table id="Table_01" width="866" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_01.jpg" width="866" height="171" alt="" /></td>
</tr>

<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_02.jpg" width="866" height="119" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_03.jpg" width="866" height="101" alt="" /></td>
</tr>
<tr>

<td>
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_04.jpg" width="335" height="42" alt="" /></td>
<td>
<style>
.CLASS {display:block;width:107px;height:42px;
background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:no-repeat;}

.CLASS:hover {display:block;width:107px;height:42px; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:no-repeat;}
</style>
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg" width="107" height="42" alt="" /></td>
<td>
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg" width="193" height="42" alt="" /></td>
<td>
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg" width="231" height="42" alt="" /></td>
</tr>

<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_08.jpg" width="866" height="111" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_09.jpg" width="866" height="36" alt="" /></td>
</tr>
<tr>

<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_10.jpg" width="866" height="146" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_11.jpg" width="866" height="135" alt="" /></td>
</tr>
<tr>
<td colspan="4">

<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_12.jpg" width="866" height="21" alt="" /></td>
</tr>
</table></div></style>





<style>
a.add
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:repeat; width:107px; height:42px; display:block;}

a.add:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:repeat;}
</style>


<div class="addbutton" style="position: absolute; top: 392px; width: 107px; height: 42px; left: 47%; margin-left: -50px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3RhdHVzQ0Q9MSZmcmllbmRJZD0zOTg2
TM0ODc=" class="add get up november"></a>
</div>



<style>
a.msg
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg"); background-repeat:repeat; width:193px; height:42px; display:block;}

a.msg:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06HOVER.jpg"); background-repeat:repeat;}
</style>


<div class="msgbutton" style="position: absolute; top: 392px; width: 193px; height: 42px; left: 54%; margin-left: -47px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="msg get up november"></a>
</div>



<style>
a.cmt
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg"); background-repeat:repeat; width:231px; height:42px; display:block;}

a.cmt:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07HOVER.jpg"); background-repeat:repeat;}
</style>


<div class="cmtbutton" style="position: absolute; top: 392px; width: 231px; height: 42px; left: 67%; margin-left: -48px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="cmt get up november"></a>
</div>
 
 
Start new topic
Replies (1 - 1)
Mickey
post Aug 14 2009, 08:26 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Replace your codes with this:

CODE
<style> body { margin-top: 0px; }
.getupnovemberbannercode {
position: absolute;
top: 0;
margin-left: -432px;
left: 50%;
width: 866px;
text-align:center;}</style>

<div class="getupnovemberbannercode"> <table id="Table_01" width="866" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_01.jpg" width="866" height="171" alt="" /></td>
</tr>

<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_02.jpg" width="866" height="119" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_03.jpg" width="866" height="101" alt="" /></td>
</tr>
<tr>

<td>
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_04.jpg" width="335" height="42" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3RhdHVzQ0Q9MSZmcmllbmRJZD0zOTg2
TM0ODc=" class="add"></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="msg"></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="cmt"></a></td>
</tr>

<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_08.jpg" width="866" height="111" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_09.jpg" width="866" height="36" alt="" /></td>
</tr>
<tr>

<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_10.jpg" width="866" height="146" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_11.jpg" width="866" height="135" alt="" /></td>
</tr>
<tr>
<td colspan="4">

<img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_12.jpg" width="866" height="21" alt="" /></td>
</tr>
</table></div>


<style>
a.add
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:repeat; width:107px; height:42px; display:block;}

a.add:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:repeat;}

a.msg
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg"); background-repeat:repeat; width:193px; height:42px; display:block;}

a.msg:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06HOVER.jpg"); background-repeat:repeat;}

a.cmt
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg"); background-repeat:repeat; width:231px; height:42px; display:block;}

a.cmt:hover
{float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07HOVER.jpg"); background-repeat:repeat;}
</style>

That should tidy everything up.

Edit: I'll go ahead and close this since you've figured it out. PM me if you need it reopened. Topic closed & moved.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: