Help - Search - Members - Calendar
Full Version: band layout centering
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
AAzzzAAA
hi Everyone, I've been following this forum, which is absolutely awesome, in order to make my first DIV band layout.

the things is, i don't get it to work properly both in explorer and firefox, and even simple as it is, i don't really get what I¡m doing wrong. Any help will be very apreciated.
My web as it looks nowadays (in firefox, it looks fine, but not in explorer :(
Myspace Eva Paez
My code:

CODE
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="265" width="320">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/M19aKm1zK5A&hl=es_ES&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/M19aKm1zK5A&hl=es_ES&fs=1&" height="265" width="320" wmode="transparent" />
</object>













<style>
.profileWidth table { margin-bottom:200px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:900px; height:200px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -200px;
</style>

<div class="gap"></div>
<div class="content">

<table id="Table_01" width="414" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://www.evapaez.es/images/Untitled-1_01.jpg" width="414" height="1363" alt="" /></td>
</tr>

<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmV2YXBhZXouZXM=">
<img src="http://www.evapaez.es/images/Untitled-1_02.jpg" width="414" height="42" border="0" alt="" /></a></td>
</tr>
</table>
</div>

<div class="topbanner">


<table id="Table_01" width="1261" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="http://www.evapaez.es/images/gugu_01.jpg" width="1261" height="70" alt="" /></td>
</tr>

<tr>
<td colspan="2">
<img src="http://www.evapaez.es/images/gugu_02.jpg" width="324" height="212" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmV2YXBhZXouZXM=" target="blank_">
<img src="http://www.evapaez.es/images/aosudfyga_03.jpg" width="256" height="212" border="0" alt="mi p&225;gina personal" /></a></td>
<td rowspan="7">
<img src="http://www.evapaez.es/images/gugu_04.jpg" width="681" height="820" alt="" /></td>
</tr>

<tr>
<td rowspan="6">
<img src="http://www.evapaez.es/images/gugu_05.jpg" width="320" height="608" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTc2MDMxNzM=">
<img src="http://www.evapaez.es/images/aosudfyga_06.jpg" width="260" height="54" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTE5NzYwMzE3Mw==">
<img src="http://www.evapaez.es/images/aosudfyga_07.jpg" width="260" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.evapaez.es/images/gugu_08.jpg" width="260" height="82" alt="" /></td>
</tr>
<tr>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2FsYWtl">
<img src="http://www.evapaez.es/images/aosudfyga_09.jpg" width="260" height="34" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vRXZhX1BhZXo=">
<img src="http://www.evapaez.es/images/aosudfyga_11.jpg" width="260" height="36" border="0" alt="" /></a></td>
</tr>
<tr>

<td colspan="2">
<img src="http://www.evapaez.es/images/gugu_11.jpg" width="260" height="352" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://www.evapaez.es/images/spacer.gif" width="320" height="1" alt="" /></td>
<td>
<img src="http://www.evapaez.es/images/spacer.gif" width="4" height="1" alt="" /></td>
<td>

<img src="http://www.evapaez.es/images/spacer.gif" width="256" height="1" alt="" /></td>
<td>
<img src="http://www.evapaez.es/images/spacer.gif" width="681" height="1" alt="" /></td>
</tr>
</table>

</div>





<style>

.content {position:absolute; left:50%; top:1085px; margin-left:-470px; _margin-left:0px; width:414; height:1363px; z-index:1;}
.topbanner {position:absolute; left:50%; top:200px; margin-left:-630px; _margin-left:0px; width:1261; height:890px; z-index:1;}

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

<style type="text/css">

table, tr, td { background-color:transparent;

border:none; border-width:0;}

body, .bodyContent {
background-color:ffffff;
background-image:;
background-attachment: fixed;
background-position: left top ;
background-repeat: no-repeat;
border-color:a80014;
border-width:0px;
border-style: solid;

scrollbar-face-color:aaaaaa;
scrollbar-highlight-color:aaaaaa;
scrollbar-3dlight-color:aaaaaa;
scrollbar-shadow-color:aaaaaa;
scrollbar-darkshadow-color:aaaaaa;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:ffffff;

}

table table {
background-color:transparent;
background-image:;
background-position:center;
border-style: solid;
border-width: 0px;
border-color:520700;
padding:0px;
opacity:1.0;
filter:alpha(opacity=100);}
table table table table{border:0px}
table table table {

border-style: solid;
border-width:0px;
border-color:aaaaaa;
background-color:ffffff;
background-image:;
padding:1px;
opacity:1.0;
filter:alpha(opacity=100);
}
table table table td {
background-color: ffffff;
padding:0px;
opacity:1;
filter:alpha(opacity=100);
}

.nametext, .whitetext12, .orangetext15, .btext {
background-color:transparent;
background-image:;
background-position:center top;
background-repeat:repeat-x;
border-style:none;
padding-bottom:5pt;
padding-left:5pt;
padding-right:5pt;
padding-top:5pt;
}

table table table.latestBlogEntry td span.btext {display:block; text-align: left; margin:5px;}
table table table.friendSpace td span.btext {display:block; text-align: left; margin:5px;}
table table table.friendSpace td span.orangetext15 {display:block; text-align: left; margin:5px;}
table table table.profileInfo td span.nametext{display:block; text-align: left; margin:5px;}
table table table.interestsAndDetails td span.whitetext12 {display:block; text-align: left; margin:5px;}
table table table.userProfileDetail td span.whitetext12 {display:block; text-align: left; margin:5px;}
table table table.userProfileSchool td span.whitetext12 {display:block; text-align: left; margin:5px;}
table table table.userProfileCompany td span.whitetext12 {display:block; text-align: left; margin:5px;}
table table table.blurbs td span.orangetext15 {display:block; text-align: left; margin:5px;}
table table table.friendsComments td span.orangetext15 {display:block; text-align: left; margin:5px;}


table table table table td {filter:none;}
table, tr, td, li, p, div { font-family: Arial, Helvetica, sans-serif; color: 000000; font-size:12px; }
.btext { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:12px; }
.blacktext10 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; }
.blacktext12 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; }
.lightbluetext8 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; }
.orangetext15 { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:12px; }
.redtext { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; }
.redbtext { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; }
.text { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:12px; font-weight:bold; }
.whitetext12 { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:18px; font-weight:bold; }
a:active, a:visited, a:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:12px; }
a:hover { font-family: Arial, Helvetica, sans-serif; color:9b9b7f; font-size:12px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:8px; font-weight:bold; }
a.navbar:hover { font-family: Arial, Helvetica, sans-serif; color: 9b9b7f; font-size:12px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:8px; font-weight:bold; }
a.redlink:hover { font-family: Arial, Helvetica, sans-serif; color: 9b9b7f; font-size:12px; }
.nametext { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:18px; }
a.searchlinkSmall:link {color: 887f9b;}
a.searchlinkSmall:hover {color: 9b9b7f;}

.contactTable {
width:300px !important;
padding:0px !important;
background-image:url(http://stuff.pyzam.com/layouts/img/d/a/nvdamaksflooredct.jpg);
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent;

background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none

!important;}.contactTable .whitetext12 {display:none;}

</style>
Mickey
You are using a hack that dictates how objects should be positioned on Explorer:

CODE
margin-left:-630px; _margin-left:0px;

However you aren't adjusting it. Replace 0px with an appropriate value.
AAzzzAAA
So, basically those two do the same, just for different navigators. Just tried it, and it works perfectly. Thank you very much!
Mickey
Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.