:] Heres a GOOD Question! Options

[MiZzOlivia]

aLright... Like i said 10 times b4 im new to Layouts n stuff...n i dont do tabLes...stiLL tryna understand them. My Layouts r pretty much compLeteLy made out of DIVS.

Heres the queston. How to i create a Layout where the position of the DIV does not move whether i "maximize" or "restore down" my IE or FireFox window.

For exampLe, MY TESTING PAGE ...if u reduse ur IE or FireFox window, the music box thingy starts covering the DIV.

HERES MY CODE

<div id=layer1 class="background" style="position:absolute; top:0px; left:0px; width:1100px; height:800px; z-index:1; background-color:ffffff;">
</div>

<div id=layer2 style="position:absolute; left:130px; top:100px; width:10px; height:10px; z-index:2; background-color:..ffffff;">
<img src="http://i13.photobucket.com/albums/a252/viabboutit/10432_Aaliyah24copy.jpg">
</div>





THESE R JUST THE CODES I USE TO HIDE THE REAL PAGE UNDERNEATH
<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>



<style type="text/css">
img {border: none;}
</style>



<style type="text/css">
table, tr, td {background:transparent;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
td.text td.text table {display:none;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>


any ideas?

[GooberSnattch]

i dont know...the same thing happens to mine:

http://www.myspace.com/goobytestpage

Attached File(s)

 gfight.gif ( 5.06K ) Number of downloads: 0

 

[MiZzOlivia]

were on the same boat LoL good thing im not aLone!! Hehe

or shouLd i say boy Lmao my bad

sorryyy didnt mean to doubLe post

[*Intercourse.*]

Theres no way of making it stop moving. Have you used a code to position the player from not moving and have it set? That would be the best thing to do.

[MiZzOlivia]

oh ok. that makes sense. do u by any chance kno the code for that??

[*Intercourse.*]

CODE

object {position:relative; top:600; left:0px;}

[MiZzOlivia]

YAY HAHA it worked!! thanks!

i had to change reLative to absoLute though but thanks sooo much!! :]

[xXxL1aRxXx]

this happens to me but i dont really understand this....as in that code... html://www.myspace.com/azn_all3n_bo1

[freeflow]

^ What exactly happens to you? You may also want to post your code as well..

[xXxL1aRxXx]

"Heres the queston. How to i create a Layout where the position of the DIV does not move whether i "maximize" or "restore down" my IE or FireFox window." <<(like she said....)

CODE

<style type="text/css">
body {
background-color: 000000;
background-image: url("http://i104.photobucket.com/albums/m188/azn_allen_bo1/Untitled-5.jpg");
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-3dlight-color: 000000;}

table, tr, td {background-color: 000000; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color:; background-color: 000000; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 9px century gothic; color: FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px century gothic; color: FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{Default Links}
a:link, a.man{font-family:century gothic; font-size:8px; color: FFFFFF; font-weight:underline;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }
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;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
body{background-color:000000;}
table tr td div font {display: none;}

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type="text/css">
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:;
}
</style>

<div class="content" style="position: absolute; left:14.2%; top:5.3%; width:920px; height:820px; overflow: auto;"><HEAD>
<TITLE>Untitled-5 .</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<IMG SRC="http://i104.photobucket.com/albums/m188/azn_allen_bo1/Untitled-5.jpg" WIDTH=900 HEIGHT=800 BORDER=0 ALT="" USEMAP="#Untitled_5___Map">
<MAP NAME="Untitled_5___Map">
<AREA SHAPE="rect" ALT="" COORDS="698,229,725,239" HREF="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="665,229,686,241" HREF="http://blog.myspace.com/127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="582,229,653,240" HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="517,229,571,240" HREF="http://groups.myspace.com/index.cfm?fuseaction=groups.myGroups&UserId=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="437,229,506,240" HREF="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="374,229,426,240" HREF="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="340,229,363,239" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="285,229,330,241" HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="236,229,274,239" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=127795928" target="_new">
<AREA SHAPE="rect" ALT="" COORDS="197,229,227,239" HREF="http://home.myspace.com/index.cfm?fuseaction=user" target="_new">
</MAP>
</BODY>
</div>

<div class="content" style="position: absolute; left:24%;  top:58%; width:305px; height:150px; overflow: auto;">Note: My layout is best viewed at resolution 1280 by 1024 pixels. <br>My layout is complete!!!(the music is kinda messed up...well to me...idk wuts rong...its slower than the real song...)</br>
<center><object type="application/x-shockwave-flash" data="http://72.232.7.66/mp3_players/managed/plr_7/player.swf" height="229" width="229">
  <param name="movie" value="http://72.232.7.66/mp3_players/managed/plr_7/player.swf" />
  <param name="allownetworking" value="internal" />
  <param name="allowScriptAccess" value="never" />
  <param name="enableJSURL" value="false" />
  <param name="enableHREF" value="false" />
  <param name="saveEmbedTags" value="true" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="USERID=51617" />
</object></center></div>

<div class="content" style="position: absolute; left:32.3%;  top:42.5%; width:91px; height:61px; overflow: auto;">Name: Allen Duy Nguyen<br>Chinese Zodiac: Dog</br></div>

<div class="content" style="position: absolute; left:45.5%;  top:40%; width:55px; height:83px; overflow: auto;"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="127795928" type="hidden"> <textarea name="f_comments" class="Skem9box"></textarea><br /><input type="submit" value="Send" class="Skem9sub"></form>

<style type="text/css">
textarea.Skem9box {width:44px; height:32;color:FFFFFF;font-size:8pt;font-family:Comic Sans MS;background-color:000000;border-color:FFFFFF; border-style:solid; border-width:1px;}
input.Skem9sub {width:42px;color:FFFFFF;font-size:8pt;font-family:Comic Sans MS;background-color:000000;border-color:000000; border-style:solid; border-width:1px;}
</style></div>

<div class="content" style="position: absolute; left:33%;  top:85%; width:436px; height:85px; overflow: auto;"><center><a href="http://groups.myspace.com/XxAyuNaTioNxX" target="_new"><img src="http://i104.photobucket.com/albums/m188/azn_allen_bo1/2ndXxAyuNaTioNxXgroupbanner2.jpg" border="0" alt="Photobucket - Video and Image Hosting"></a></div>

<div class="bg" style="position: absolute; left:22.7%; top:40.4%; width:42px; height:42px; overflow: auto;"><img src="http://i104.photobucket.com/albums/m188/azn_allen_bo1/Untitled-3copy-1.jpg"></div>

and how do i like....make it perfect so everybody else can c it the way i want it to look, like its a little off to the side and stuff..... my myspace hope u understand.....(im not very good at getting ppl to understand)

[freeflow]

Don't position your divs in percents (which is what you did) you need to use px.

[xXxL1aRxXx]

ooh =o....thx....so this wont move around wen i change the size of the window and it'd be the same position for every1 else?

[*Intercourse.*]

^Yes, as long as you use px they should stay the same for everyone.