Help - Search - Members - Calendar
Full Version: Div Layout Help
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
ScarletNight
Aug 15 2006, 04:19 PM
currently ive been experiencing a bit of a problem while making a div layout. in the begining i coded it myself, but then i found that there was this empty space at the bottom of the page. so i tried to incorporate other parts of other layout codes to try to make that bottom space disappear, but it hasn't helped any. *feels like a newb*

um, one thing though, i forgot to put that "_top:" stuff in the coding for the comment box to show properly on IE. so i guess its best seeing this in FF for now.

my link: Myspace Url

About Me:

CODE
<style>
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}

div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}

div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}

td.text table table {display:inline; visibility:visible;}

a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited,a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link,{font-family:small fonts;font-size:7px;color:ffffff;font-weight:normal;text-decoration:none;letter-spacing:0px; text-transform:uppercase;line-height:9px;cursor:crosshair}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR:60809f;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

body {
cursor: normal;
align: center;
SCROLLBAR-FACE-COLOR:ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: 204060;
SCROLLBAR-SHADOW-COLOR: 204060;
SCROLLBAR-3DLIGHT-COLOR:204060;
SCROLLBAR-ARROW-COLOR:204060;
SCROLLBAR-TRACK-COLOR:ffffff;
SCROLLBAR-DARKSHADOW-COLOR:204060;
background-color:204060;
overflow-x:hidden;
}
font {background-color: transparent}

}
P {FONT: 10px arial; COLOR:AEB86F; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

a:hover, a.man:hover, a.text:hover, a.redlink:hover,a.searchlinkSmall:hover{font-family:small fonts;font-size:7px;color:ACBDC8;font-weight:normal;text-decoration:none;letter-spacing:0px;text-transform:uppercase;line-height:9px;cursor:normal}

a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color:transparent;
width:300px;}

b, strong, .btext {
  font: 11px arial;
  font-weight: heavy;
  color: a7a718;
  text-align: justify;
  }

i, em, .itext  {
  font-family: arial;
  font-size: 10px;
  color: a7a718;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: arial;
  font-size: 10px;
  color: FAA1B5;
  text-align: justify;
  }

.floatingaway{position:absolute; width:1280px; height: 1200px; top:120px; left:0px; z-index:1 background-color:ffffff; border-color=000000 border=transparent1px;}

.aboutme{position:absolute; background-color:transparent; left:490px; top:215px; width:500px; height:280px; z-index:2 overflow: auto;}

.thebox{position:absolute; background-color:transparent; left: 85px;  top:260px; width:300px; height:250px; z-index:2 overflow: auto; FILTER: chroma(color=cccccc) allowTransparency; _top:436;}

.moving{position:absolute; left:585px;  
top:750px; width:400px; height:120px; z-index:2 overflow:auto; background-color:transparent}

</style>


I'd Like to Meet:

CODE
<div class="floatingaway">        

<MAP NAME="imgmap">
<AREA SHAPE=rect COORDS="625,413,715,445" HREF="http://home.myspace.com/index.cfm?fuseaction=user" ALT="Home">
<AREA SHAPE=rect COORDS="727,414,835,442" HREF="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=***YOUR MYSPACE ID HERE***&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1" ALT="My Friends">
<AREA SHAPE=rect COORDS="851,415,918,442" HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOURFRIENDID" ALT="Blogs">
<AREA SHAPE=rect COORDS="630,469,739,500" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=***YOUR MYSPACE ID HERE***" ALT="Be My Friend">
<AREA SHAPE=rect COORDS="758,471,919,498" HREF="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=***YOUR MYSPACE ID HERE***" ALT="Message Me">
<AREA SHAPE=rect COORDS="648,528,785,555" HREF="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=***YOUR MYSPACE ID HERE***" ALT="View My Comments">
<AREA SHAPE=rect COORDS="805,530,916,555" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=***YOUR MYSPACE ID HERE***" ALT="View My Pics">
</MAP>

<IMG SRC="http://i8.photobucket.com/albums/a25/ScarletNight89/MyspaceLayout2.jpg" border=0 width=1024 height=768 USEMAP="#imgmap">
    
</div>



<div class="aboutme">

<img src="http://i8.photobucket.com/albums/a25/ScarletNight89/MyspaceLayout2icon.jpg" alt="Floating Away..." border=0 align=left>

<b>Name:</b>Melissa
<br>
<b>Facts:</b> I Own You!
um, i play piano, i can sing better than most. I'm spic. I love my boyfriend. So, In Yo Face!
<br>
<b>Likes:</b> corsets, garter belts, 12am, the way grass feels under your feet.
<br>
<b>Dislikes:</b> many things, but if youre too much of an a-hole, i won't like you. Or, if you complain more than i do.
<br>
<b>Music:</b> Epica, After Forever, Within Temptation, Nightwish, Gothminister, The Cruxshadows, Claire Voyant, Aesthetic Perfection, Octavia Sperati, Children of Bodom, Therion, In Strict Confidence, Evils Toy, Ambeon, Diary of Dreams, Dark Sanctuary, Xandria, :Wumpscut:, etc(can't think right now).
<br>
<b>Location:</b> NY.
<br><br>Random stuff to be added later
        
</div>

<div class="thebox">
<center><br>

ADD A COMMENT<br>
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="***YOUR MYSPACE ID HERE***" type="hidden"><textarea name="f_comments" cols="60" rows="7" style="border-width: 1px; border-style: solid; border-color: a7a718; font-family: arial; font-size: 10px; color: a7a718; background-color:transparent;" style="overflow:auto;">Dear Friend, I love you!</textarea><BR>
<br>
<br>
<br>
<input value="Submit" style="border-width: 1px; border-style: solid; border-color: a7a718; font-family: arial; font-size: 10px; color: a7a718; background-color: transparent;" type="submit"></form></center>

</div>


<div class="moving"><center>
<center>

<marquee>

<table>
<tr>
<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg6.com/25/12353e.gif" align=left></a>
</td>

</tr>
</table>


</marquee>
</div>
<embed allowScriptAccess="never" allowNetworking="internal" src="http://user.chol.com/~lilac3373/wma/Yiruma-Kiss_The_Rain.wma" repeat=true autostart=true loop=true hidden=true>
freeflow
Aug 15 2006, 04:23 PM
Make the height smaller here:
.floatingaway{position:absolute; width:1280px; height: 1200px; top:120px; left:0px; z-index:1 background-color:ffffff; border-color=000000 border=transparent1px;}
ScarletNight
Aug 15 2006, 06:59 PM
oh wow. how did i not notice that?


~The End~
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.