Div Layer problem for band myspace (deadline)

ohtiffy · Joined: 11 Nov 2008 Posts: 1

I'm looking for a code to make div layers anchored ( they appear differently [ either more left or more right] on smaller and larger screen resolutions and on different web browsers)

www.myspace.com/lionslions

Here's My coding.. please help Idk what to do

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

<div class="EPCOVER"><a href="http://www.msplinks.com/MDFodHRwOi8vbGlvbnNsaW9ucy5iaWdjYXJ0ZWwuY29tLw" target="_blank"><img src="http://i35.tinypic.com/n5mufc.png" border="0" alt="Image and video hosting by TinyPic"></a></div>

<div class="MEMBERS"><BR>
<BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNjQ0MjIxODk=" target="_blank"><img src="http://i33.tinypic.com/1z16wdv.png"</a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0zNjQ0MjIxODkmTXlUb2tlbj1mMjBiMzFiMC1kNjU3LTRkMjktOTQ3ZS01YWMwYWM4YzgyMGU="_blank"><img src="http://i37.tinypic.com/1239seh.png"</a>
<BR>
<BR>
<img src="http://i36.tinypic.com/2i8gllv.png">
<BR>
<BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3BhY2t5b3Vya25pdmVz" target="_blank"><img src="http://i33.tinypic.com/2gv7rrm.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR><BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3BoaWxiam9ya21hbg" target="_blank"><img src="http://i35.tinypic.com/2qvtl4l.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR><BR>
<a href="http://www.myspace.com/brandondavis" target="_blank"><img src="http://i34.tinypic.com/2qa7ofb.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR><BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3ZhbmtoYWl0cnVvbmc" target="_blank"><img src="http://i33.tinypic.com/66j6z7.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR><BR>
<a href="http://www.myspace.com/asleepinverse" target="_blank"><img src="http://i33.tinypic.com/bfs7it.png" border="0" alt="Image and video hosting by TinyPic"></a><left>
<BR><BR><BR>
<img src="http://i36.tinypic.com/2cxgt4j.png">
<BR><BR>
<a href="http://www.myspace.com/brandondavis" target="_blank"><img src="http://i33.tinypic.com/2q81yys.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR>
<BR>
<img src="http://i38.tinypic.com/w708j7.png">
<BR><BR>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=383821896" target="_blank"><img src="http://i34.tinypic.com/34ysppf.png" border="0" alt="Image and video hosting by TinyPic"></a>
<BR><BR>
<img src="http://i35.tinypic.com/j8fiwp.png">
<BR><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=78658074" target="_blank"><img src="http://i36.tinypic.com/24o6hq1.png"</a>
<BR>
<BR><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJhc3NvbnNvdW5kLmNvbQ" target="_blank"><img src="http://i33.tinypic.com/34g7zt5.png"</a>
</div>

<div class="NAME"><img src="http://i38.tinypic.com/mj1yz7.png" border="0" ></div>

<style type="text/css">

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

a img {border:0px;}
.skem9 {Background Settings}
body { background-color:black;
background-image:url("http://i38.tinypic.com/1zxy3he.png");
background-repeat:repeat;
background-position:left;
background-attachment:fixed;}
.skem9 {flip profile;}
table {direction:ltr;}
table table table{direction:ltr;}
.skem9 {about me, who id like to meet}
span.orangetext15 {display:none !important;}
.skem9 {latest blog entries, and XX has XX friends}
span.btext {display:none !important;}
.skem9 {The red text, aka the numbers on friends, and comments} span.redbtext, span.redtext {display:none !important;}
.impulsive {Default Text Settings}
table, tr, td, li, p, div, .text, span, textarea
{ font-family:arial !important;
font-size: 9px;
color:49320b;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
text-transform: lowercase;
padding: 0px;
line-height: 9px; }
.blacktext10, .blacktext12, .orangetext15, .btext, .redbtext, .redtext
{ font-family:arial;
font-size: 9px; color:49320b;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
text-transform: lowercase;
padding: 0px;
line-height: 9px; }
.nametext{color:49320b; font-family:arial;
text-decoration:none;
font-size: 30pt;
font-weight:bold;
letter-spacing:-0.5em;
border: none;
letter-spacing:-4px;
line-height:25px;
background-49320b:;

text-transform:lowercase; display: inline; position:
relative; top: 0px; left: 0px;} a, a:link, a:active, a:visited,
a.navbar:active, a.navbar:visited, a.navbar:link,
a.redlink:active, a.redlink:visited, a.redlink:link{ font-family:arial; font-size: 9px; color:49320b; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 9px; background-color: transparent; border: 0px solid FFFFFF; } a:hover, a.navbar:hover,a.redlink:hover{ font-family:small fonts; font-size: 7px; color:49320b; font-weight: normal; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; padding: 0px; line-height: 7px; background-color: none; border: 1px solid black; }

.impulsive{set with of left column}
table table table {width:200px;}
table table table table {width:auto;}

.impulsive{set width of right column}
td.text table {width:400px;}
td.text table table {width:auto;}
.impulsive{move left column}
embed, object, table table table
{position:relative; left:0px;}
table table table table {position:static;}
.impulsive{move right column}
td.text table {position:relative; left:10px;}
td.text table table {position:static;}

NOTE {sets default color for most text on the page}
.text {color:49320b;font-size:11px}
a.text:link, a.text:visited {color:49320b}
a.text:hover {color:49320b}

NOTE {All other headlines in right column modules}
.orangetext15 {color: 49320b;
font-size: 10px;
margin: 5px 0px 0px 0px;
text-align: left;
display: none;
font-family:Arial, Helvetica;
text-transform:uppercase;
font-weight: normal;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: 000000;
width: 100px}

.contactTable {
position:absolute; left:50%;
top:0px;
margin-left:-999px;
z-index:3;
width:0px !important;
height:0px !important;
padding:0px !important;
background-image:url("");
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
border:0px;}
.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 a
{display:block; height:0; width:0px;}
.contactTable .text
{font-size:0px !important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none !important;}

div.VIDEO {
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
top: 795;
left: 430;
}

div.EPCOVER {
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 857;
left: 812;
}

div.MEMBERS {
width: 100%;
height: 100%;
z-index: 4;
position: absolute;
top: 350;
left: 1475;
}

div.NAME {
width: 100%;
height: 100%;
z-index: 5;
position: absolute;
top: 1187;
left: 350;
}
</style>

</style>

<style>span.whitetext12 {display:none}</style>

<style>{!-eliminate text from url space-!}
table table table table div {display:none;}
{!-recover div in friend and comment spaces-!}
table table td.text table table div {display:block;}</style>

<style>.katamari
{http://abrax.us/bbz/MyspaceBandScrollingFriendsComments.php}
.friendsAndComments table {width:100%;}
.friendsAndComments {overflow:auto; width:462px; height:1000px;}
</style></td></tr></table></td></tr></table><div class="friendsAndComments"><table><tr><td class="text"><table style="display:none;"><tr><td><table><tr><td>

<style>.friendSpace .btext {visibility:hidden;}</style>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

Dump ALL of the absolute positioning if you want a more flexible page.