Log In · Register

 
Band Music Player Alignment Issue
TrazekVayne
post Mar 23 2009, 07:27 PM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Jan 2009
Member No: 710,852



i finally finished this layout and i didnt notice that on Internet Explorer the music player isnt aligned as it is on Mozilla Firefox. what needs to be done to have them both on the right spot? All of my coding is in the BIO section.

http://www.myspace.com/anguishforaugustine

btw the music code i got from somewhere here in the forums some asking a similar question(did some reaserch before asking question, found nothing, obviosly) anyway the code work and it got it to show up but it wasnt at the center and i did make sure it was at left: 50% but still wasnt centered.

BIO Section
CODE
<style>
.i {display:none;}
table table td.text div object
{position:absolute;
top:1268px;
left:33%;
z-index: 9}
table table td.text div object object {position:static}
</style>

<div class="about">
Great Pains and Suffering to Create a More Powerful Image

Prostitutes, gambling, illegitimate children, a wife on the side; these are not things commonly associated with a saint. However, this was part of Saint Augustine’s life. How can it be that a person could have both a profound and positive effect on the world, yet have lived a life deemed, even by today’s standard, deplorable? The answer is: great pain and suffering. Pain and suffering’s ability to bring about positive change in one’s personal life is a story told throughout history. It is the breeding ground of character. And the doorway to change.

The band members of Anguish for Augustine have embraced this belief. Hardships, from death of friends and family to broken tour buses and hard financial times have been endured. Just like anyone else. Everybody is in the same boat. But the band believes there is a choice between idly going down with the ship, and learning from the situation and repairing the hull. The band, Jack (17), Ross (19), Randal (21), Johnny (23), and H (24), want to tell people that whatever they are going through, they are not alone, and they can not only make it, but they can make it out a stronger person able to help others going through the same situation.
Augustine underwent a profound personal crisis and decided to change his lifestyle. Through his anguish he found meaning, substance, truth and faith. Augustine’s life is a model of the power of pain and sufferings ability to create a positive change not only in ones life but in the surrounding world. This is what Anguish for Augustine stands for and hopes to inspire in people; the idea that no matter what card one is dealt, there is hope, the idea that great pains and suffering can create a more powerful image.
</div>

<style>
table table table.latestBlogEntry {display:block; position:absolute; width:385px; top:1945px; left:50%; margin-left:25px; z-index: 9;}
table.latestBlogEntry td {font-size:11px; line-height:13px; height:15px; padding:0px; margin:0px; z-index:9;}
table.latestBlogEntry br {line-height:11px;}
</style>



<style>
.about {
position:absolute;
width:410px;
z-index:9;
overflow:auto;
left:50%;
top:1945px;
margin-left:-410px;
visibility: visible;
transparent;
line-height:15px;

</style>





<style>
div table div form {display:none !important}
</style>


<style>

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

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

table, tr, td{
border-style:none;
}


table table table, div table table{
border-style:none;
border-width:1px;
background-image:url();
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
}

table table table table, div table table table{
border-style:none;
}






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

body, body.bodycontent{
background-color:080705;
background-image:url(http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BKG.jpg);
background-position:bottom center;
margin-top: 0px;
background-repeat:fixed;
background-attachment:fixed;
color: ffffff;
}

</style>







<div class="VMP">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=48064729">
<img src="http://c2.ac-images.myspacecdn.com/images02/39/m_43efccd3588944eb8f47998d206964c5.jpg"></a>
</div>


<div class="UMB">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/Topbar-1.jpg">
</div>

<div class="MBODY">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout01.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout02.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout03.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout04.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout05.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout06.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout07.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout08.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout09.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout10.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout11.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout12.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout13.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout14.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout15.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout16.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout17.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout18.jpg">
</div>
<div class="UC">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout19.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout20.jpg">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/AivAMyspaceLayout21.png">
</div>


<div class="TrazekVayne">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=6307709">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankTV_01.gif"></a></div>

<div class="homemenu">

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_02.gif"></a></div>

<div class="addmenu">

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00ODA2NDcyOQ==">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_03.gif"></a></div>

<div class="msgmenu">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYyJmZyaWVuZElEPTQ4MDY0NzI5Jk15VG9rZW49MThkYTc0NDQtNzJlYi00YjM1LWI5NzUtNGUxZ
FmODIxZDlmDQo8aW1nIHNyYz0="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_04.gif"></a></div>

<div class="cmntmenu">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ4MDY0NzI5Jk15
G9rZW49MThkYTc0NDQtNzJlYi00YjM1LWI5NzUtNGUxZDFmODIxZDlm">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_05.gif"></a></div>

<div class="menuPICS">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=48064729
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_06.gif"></a></div>

<div class="blogmenu">

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankLinks_06.gif"></a></div>

<div class="jack">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=26318651">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankMembers_01.gif"></a></div>

<div class="randal">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=15798019">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankMembers_02.gif"></a></div>

<div class="johnny">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=6324571">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankMembers_03.gif"></a></div>

<div class="h">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=12700702">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankMembers_04.gif"></a></div>

<div class="ross">

<a href="http://www.myspace.com/anguishforaugustine">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankMembers_05.gif"></a></div>

<div class="VMPics">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=48064729">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankPV_01.gif"></a></div>

<div class="VMVideos">

<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=48064729&n=48064729&MyToken=18da7444-72eb-4b35-b975-4e1d1f821d9f">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankPV_02.gif"></a></div>

<div class="smartpunk">

<a href="http://www.msplinks.com/MDFodHRwOi8vc21hcnRwdW5rLmNvbS9wcm9kdWN0LnBocD9pdGVtX2lkPTI4Mzcz">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankEP_01.gif"></a></div>

<div class="itunes">

<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0yOTU4ODE5NDUmcz0xNDM0NDE=">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankEP_02.gif"></a></div>

<div class="hottopic">

<a href="http://www.msplinks.com/MDFodHRwOi8vc2VhcmNoLmhvdHRvcGljLmNvbS9zZWFyY2g/cD1RJnRzPWN1c3RvbSZwcmljZWxpc3RuYW1lPVBSQ19VU0FfU3RhbmRhcmQmU0VBUkNIX0lOUFVUJTND
TNFQVRSX0F2YWlsYWJsZV9Jbl9JbnZlbnRvcnk9dHJ1ZSZ3PWFuZ3Vpc2grZm9yK2F1Z3VzdGluZQ==">
<img src="http://i385.photobucket.com/albums/oo299/AxivxA/AivAMyspaceV3/BlankEP_03.gif"></a></div>

<div class="loc">

<center><p style="color:black">
Rock / Indie / Rock
<br>
Austin, Texas
<br>
United States
</center></p>
</div>

<div class="info">

<p style="color:black">
Member Since: 01/09/2006
<br>
Band URL: <a href="http://www.myspace.com/anguishforaugustine">Myspace.com/AnguishForAugustine</a>
<br>
Record Label: UNSIGNED
<br>
Type of Label: UNSIGNED
<center>
Photography Credit: <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=2378983">Travis</a>
<br>
Myspace Layout & Graphics
Created By: <a href="http://www.myspace.com/trazekvayne">TrazekVayne</a>
</center>
</p>
</div>

<div class="aivavid">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="http://www.youtube.com/v/7lcpC_7pRZo&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/7lcpC_7pRZo&hl=en&fs=1" />
</object>
</div>


<style>
div.TrazekVayne{
position: absolute;
left: 50%;
top:265px;
margin-left:-410px;
z-index:9;
}

div.Homemenu{
position: absolute;
left: 50%;
top:792px;
margin-left:-410px;
z-index:9;
}

div.addmenu{
position: absolute;
left: 50%;
top:792px;
margin-left:-251px;
z-index:9;
}

div.msgmenu{
position: absolute;
left: 50%;
top:792px;
margin-left:-131px;
z-index:9;
}

div.cmntmenu{
position: absolute;
left: 50%;
top:792px;
margin-left:-10px;
z-index:9;
}

div.menuPICS{
position: absolute;
left: 50%;
top:792px;
margin-left:146px;
z-index:9;
}


div.blogmenu{
position: absolute;
left: 50%;
top:792px;
margin-left:275px;
z-index:9;
}

div.jack{
position: absolute;
left: 50%;
top:1152px;
margin-left:-450px;
z-index:9;
}

div.randal{
position: absolute;
left: 50%;
top:1152px;
margin-left:-263px;
z-index:9;
}

div.johnny{
position: absolute;
left: 50%;
top:1152px;
margin-left:-84px;
z-index:9;
}

div.h{
position: absolute;
left: 50%;
top:1152px;
margin-left: 97px;
z-index:9;
}

div.ross{
position: absolute;
left: 50%;
top:1152px;
margin-left:266px;
z-index:9;
}

div.VMPics{
position: absolute;
left: 50%;
top:1535px;
margin-left:-405px;
z-index:9;
}

div.VMVideos {
position: absolute;
top: 1535px;
left:50%;
margin-left:-325px;
z-index:9;
}

div.smartpunk {
position: absolute;
top: 1760px;
left:50%;
margin-left:-35px;
z-index:9;
}

div.itunes {
position: absolute;
top: 1765px;
left:50%;
margin-left:97px;
z-index:9;
}

div.hottopic {
position: absolute;
top: 1765px;
left:50%;
margin-left:190px;
z-index:9;
}

div.aivavid {
position: absolute;
top: 1215px;
left:33%;
z-index:9;
}

div.VMP {
position: absolute;
top: 1275px;
left:50%;
margin-left:-420px;
z-index:1;
}

div.UMB {
position: absolute;
top: 0;
left:50%;
margin-left:-445px;
z-index:-1;
}

div.MBODY {
position: absolute;
top: 200px;
left: 50%;
margin-left:-450px;
}

div.UC {
position: absolute;
top: 2950px;
left:50%;
margin-left:-450px;
z-index:-1;
}

div.loc {
position:absolute;
position:absolute;
width:300px;
z-index:3;
overflow:auto;
left:50%;
top:1275px;
margin-left:-485px;
visibility: visible;
line-height:25px;
}

div.info {
position:absolute;
width:300px;
z-index:3;
overflow:auto;
left:50%;
top:2975px;
margin-left:-400px;
visibility: visible;
line-height:30px;
}

</style>





<style><center>

html body.bodyContent table tbody tr td table.friendsComments{
width: 750px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 750px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url();
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: 000000 !important;
width: 750px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 75px;
line-height: 300px !important;
_width: 750px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 70px !important;
_margin-bottom: -1px !important;
}

</style>







<style>


table, tr, td {
background-color:transparent !important;
border:0px;
}
table table table {background-color:000000;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Verdana !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font
{color:202020 !important; font-size: 10px; !important; font-weight: bold !important; text-transform: none !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext
{color:ff0000 !important; font-weight: bold;}
a {color:000000 !important; text-decoration: none!important; font-style: normal !important; font-weight: bold !important; text-transform: normal !important;
}

a:hover {color:ff0000 !important; text-decoration: line-through !important; font-style: normal !important; font-weight: bold !important; text-transform: normal !important; }
img {border:0px;}




table table td.text table td.text span.btext {
text-align: left;
top: 0px;
margin-bottom: auto;
right: 0px;
float: none;
height: auto;
width: 100%;
display: block;
text-indent: 0px;
background: none;
color: rgb(255, 255, 255);
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
text-align: center;
}


table table td.text table td.text table span.orangetext15 {
position: relative;
top: 0px;
margin-bottom: 0px;
left: 0px;
visibility: visible;
display: block;
width: 400px;
height:0px;
text-indent: -999999px;
background: transparent url(FRIENDS) no-repeat;
z-index: 0;
}





.table, tr, td, li, p, div { font-family:Verdana; color:ffffff; font-size:10px; }


</style>

<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<img src="http://i303.photobucket.com/albums/nn139/trazekvayne/JdWebb/Untitled-1.gif">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


Another question. what could i do to improve my code as in how can i clean it up a bit? any tips?

ive tried that whole <!--TEXT HERE--> thing but doesnt seem to work. i just want to be a bit more organized to find things faster.

thanks in advance :)
 

Posts in this topic


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