Main div picture, will not move left! D= Options

[JackieEcstatic]

I cannot for the life of me figure out why, but my main Div picture thing (don't really know how to explain it other than that..) will not move left at all. I have it positioned absolutely and at 50% and I have changed the margin from 500px up to like -2000px and it has stayed in the same exact place.

The profile is private, so I will post the codes.


ABOUT ME

CODE

<-----------------------BODY CSS-------------------------->
<style type="text/css">

a.navbar{font-family:arial; font-size:9px; color:0cc51b; font-weight:none;border:0px; text-transform: lowercase; letter-spacing:0px;}
a.navbar:link{font-family:arial; font-size:9px; color:0cc51b; font-weight:none;border:0px; text-transform: lowercase; letter-spacing:0px;}
a.navbar:active{font-family:arial; font-size:9px; color:0cc51b; font-weight:none;border:0px; text-transform: lowercase; letter-spacing:0px;}
a.navbar:visited{font-family:arial; font-size:9px; color:0cc51b; font-weight:none;border:0px; text-transform: lowercase; letter-spacing:0px;}
a.navbar:hover{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: lowercase; letter-spacing:0px;}

</style>




<style type="text/css">

A:link
{ text-decoration: none; color:ffffff; font-family: times; font-size: 19pt; line-height: 18px; letter-spacing: -2px; text-align: center;}
A:visited
{ text-decoration: none; color:ffffff; font-family: times; font-size: 19pt; line-height: 18px; letter-spacing: -2px; text-align: center;}
A:active
{ text-decoration: none; color:ffffff; font-family: times; font-size: 19pt; line-height: 18px; letter-spacing: -2px; text-align: center; }
A:hover
{background-image: url(yourimage.gif);
background-color: 000000;

(Warning: the following cursor attribute is for those who use IE only!)

cursor: ne-resize; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize]
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: value; [your font name for headers (arial, verdana, etc.)]
color: value; [your font color (000000)] }

p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)]
color: value; [your font color (000000)] }

body
{ background: 000000;
background-image: url(http://jackie.skyhighdj.com/stripe2.JPG);
background-repeat: value; [repeat, no-repeat, repeat-x, repeat-y]
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: value; [scroll, fixed]

font-family: value; [your font name]
color: 000000 ;
letter-spacing: value; [any number value (3pt, 5pt)]
font-weight: value; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]

(Warning: the following scrollbar attribute is for those who use IE only!)

scrollbar-face-color : 000000;
scrollbar-highlight-color : 339900;
scrollbar-3dlight-color : 339900;
scrollbar-shadow-color : 339900;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : 003300;
scrollbar-arrow-color : 339900;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: value; [your font name]
color: 000000;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: ffffff url(http://jackie.skyhighdj.com/stripe.JPG);
font-family: value; [your font name]
color:000000;
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: 000000;
border-width: valuepx; [numerical value, 5, 6, 8...] }

</style>



<style type="text/css">
a:hover,
.nava {width:171px;}
.navB {width:171px;}
.navC {width:171px;}
.navD {width:171px;}
.navE {width:171px;}
.navF {width:171px;}
.nava:hover {text-align:justify; font-family:times;font-size:19pt; background-color:; color:; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
.navb:hover {text-align:justify; font-family:times;font-size:19pt; background-color:ffffff; color:000000; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
.navc:hover {text-align:justify; font-family:times;font-size:19pt; background-color:000000; color:ffffff; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}

.navd:hover {text-align:justify; font-family:times;font-size:19pt; background-color:ffffff; color:000000; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
.nave:hover {text-align:justify; font-family:times;font-size:19pt; background-color:; color:; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
.navf:hover {text-align:justify; font-family:times;font-size:19pt; background-color:ffffff; color:000000; width:171px; text-align:left; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
.navz:hover {text-align:justify; font-family:times;font-size:19pt; background-color:000; line-height:8px;color:ffffff; padding:

0px;cursor:crosshair;text-decoration:none;text-transform:none;font-weight:bold;letter-spacing:-2px;line-height:18px}
}
</style>








<-------------------------SECTIONS------------------------>





<div class="main" id="MAIN">

<img src="http://img407.imageshack.us/img407/8223/layoutcopyya9.jpg">

</div>



<div class="credit" id="CREDIT">

<span class="credit"> ©2007. Jackie Smackie :) <br>©2003-2007 MySpace.com. All Rights Reserved.</span>

</div>



<div class="intro" id="WELCOME/INTRODUCTION">

<span class="intro">
<b><center><font size="6" color="black"><u>Welcome</u></font></b></center><br>to the Green Run High School <b>class of '09</b> myspace! We're doing bigger

and better things this year thanks to everyone's hard work and support. If you wanna contribute and make a difference in your class, <i>PLEASE</i> come to

the class meetings. We could really use some more people to help out and voice their opinion. Don't be afraid :) <br><center>GET INVOLVED. <br><u><b><font

color="000000">Class of '09: That's what's up.</font></b></u></center>
</span>

</div>



<div class="nav" id="NAVIGATION">

<a

HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMTUyMjU0ODk="

class="nava">add us</a><BR>

<a HREF="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMTUyMjU0ODk="

class="navB">message us</a><BR>

<a HREF="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MjE1MjI1NDg5" class="navC">blogs

and events</a><BR>

<a HREF="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTIxNTIyNTQ4OQ=="

class="navD">view our friends</a><BR>

<a HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yMTUyMjU0ODk="

class="navE">view our pictures</a><BR>

<a

HREF="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0yMTUyMjU0ODkmTXlUb2tlbj0

0ZGM0ZDExYy1iM2M4LTQyYjItYjIzZC05ODZkNGYzNzlkMzk=" class="navF">view comments</a><BR>

</div>



<div class="box" id="COMMENT BOX">

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="215225489"

type="hidden"><textarea name="f_comments" style="width: 169px; height: 45px;" cols="15" rows="5" style="border-width: 1px; border-style: solid; border-color:

000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff

url(http://jackie.skyhighdj.com/stripe.JPG); background-repeat: repeat;" style="overflow:auto;">Comment and ask your questions here!</textarea>
<br> <center><input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts;

text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: 000000;" type="submit"></center>

</div>



<div class="motto" id="CLASS MOTTO">

<img src="http://img266.imageshack.us/img266/1313/31560451zq2.gif">

</div>



<div class="new" id="NEW STUFF">

<img src="http://img255.imageshack.us/img255/466/newrt3.gif" align="left">
<span class="new"><b>SORRY GUYS. SITE IS UNDER CONSTRUCTION!</b><br>--------------<br>As you can see, we have a new layout. Comment us and let us know what you think! Feel free to suggest an improvement : )<BR><BR>We will

have a pre-order donut sale soon, so be on the lookout for ways to help.<br><BR>Turkey Wall is coming up! Yeah, I know it sounds corny, but if we get enough

support from you all, it will be great. Please stay after school <b>this Tuesday (13th)</b> to help with the set-up! We hop to have this thing rolling by

Wednesday.<BR><BR>The Jr. Class hopes to be sponsoring a talent show by the end of December! Bring your ideas to Ray McKiver and come to a class

meeting!<BR><BR>FOR THOSE WHO DON'T KNOW: We have a ring dance theme!<br><center>
<img src="http://img218.imageshack.us/img218/8208/themejk0.jpg" height="100px"><br><i><b>A Red Carpet Affair.</b></center></i><br>Our ring dance will be held

at Shifting Sands on the Dam Neck Military base. It will be on April 18th, 2008. YES, it is a Friday, but no worries. It is a staff day. :) We've got the

glasses ordered and they will be handed out with the purchase of your ticket. We've got the crown and tiara too! : ) It's exciting. Come to a meeting and

share your visions of Ring Dance.<BR><BR>
<u>T-SHIRTS!!</u> Come on guys, we are really struggling to get rid of these t-shirts. At this point, we are just trying to break even. The price is down to

$10 and we have every color in large or bigger. Tell a friend they would look better with one. Who knows, but we need to SELL, SELL, <b>SELL.</b><BR><BR>
<BR><BR>
<i>Well that's it for now, but come back and check later. We are constantly doing something (whether this site is updated or not).<i><BR><BR>
<u>REMEMBER:</u> There is a Junior Class meeting every Wednesday in room 407 at about 2:15. They are only about 20 minutes long, so come out and get involved

in the best class to EVER exist! WHOO! :D</span>

</div>



<div class="off" id="OFFICERS AND SPONSORS">

<img src="http://img206.imageshack.us/img206/572/offnl7.gif">
<img src="http://img267.imageshack.us/img267/6205/presod2.jpg">
<img src="http://img45.imageshack.us/img45/1144/vpbf3.jpg">
<img src="http://img206.imageshack.us/img206/175/2ndqw4.jpg"><BR><BR>

<b>Sponsors: Mr. Brennan & Mrs. Phillips</b>
<BR><BR>
: )

</div>









<style type="text/css">

div.main {
background:none;
overflow:none;
position:absolute;
z-index:1;
top:-257px;
left: 50%;
height: 700px;
width: 700px;
margin-left: -580px;
border: 2px 000000;
visibility:visible;}


div.credit {
background:none;
overflow:none;
position:absolute;
z-index:2;
top:796px;
left: 50%;
margin-left: -375px;
text-align:left;
visibility:visible;}


div.intro {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:268px;
width:171px;
height:225px;
left: 50%;
margin-left: 201px;
text-align:left;
visibility:visible;}


div.nav {
background:none;
overflow:none;
position:absolute;
z-index:2;
top:470px;
left: 50%;
margin-left: 200px;
text-align:left;
visibility:visible;}


div.box {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:580px;
left: 50%;
width: 150px;
margin-left: 201px;
text-align:left;
visibility:visible;}


div.motto {
background:none;
overflow:none;
position:absolute;
z-index:2;
top:232px;
left: 50%;
margin-left: -273px;
text-align:left;
visibility:visible;}


div.new {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:314px;
width: 448px;
height: 179px;
left: 50%;
margin-left: -284px;
text-align:justify;
visibility:visible;}


div.off {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:534px;
width: 448px;
height: 134px;
left: 50%;
margin-left: -284px;
text-align:center;
visibility:visible;}


</style>



<style type="text/css">

.credit {
font-family: tahoma;
font-size: 8pt;
color:ffffff;
font-weight: normal;
text-decoration: none;
letter-spacing: 2px;
padding: 0px;
line-height: 10px;}


.intro {
font-family: times;
font-size: 12pt;
color:ffffff;
font-weight: normal;
text-decoration: none;
letter-spacing: -1px;
padding: 0px;
line-height: 13px;}


.new {
font-family: times;
font-size: 14pt;
color:ffffff;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 15px;}
</style>

WHO I'D LIKE TO MEET

CODE

<style type="text/css">
table, tr, td {background:transparent; border: 0px;}
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 div {display:none;}
table table div, div table div {display:block;}
</style>

OH!: There is also a problem with one of the div sections called "off". It's not showing up at all. : (

Oh, again (sorry =X): there is a lot of space on the bottom and the the right of the profile. Maybe it has something to do with the positioning of something, but I dunno.


Anyway, sorry for all the trouble. But ANY kind of help is appreciated! Thank you! =D

[aesthetic]

Try moving your coding around, everything that's css put in between one style tags.

CODE

<style type="text/css">CSS HERE</style>

Your divs (which start div class="blah blah") need to be after the ending style tag </ style>, it's not css so it doesn't need to be in with the other css :)

so fix up your coding putting all css together and eliminating all the extra style tags and move your divs.

[JackieEcstatic]

Still nothing : ( That stupid picture is still wayy on the left of everything. Thank you, though.

[JackieEcstatic]

(Sorry if this counts as double posting!)

Bump??

[pandora]

is there any reason why you are using top:, left: AND margin-left: ?

[JackieEcstatic]

Yah. The left: is so the percentage will stay the same on every computer. The margin-left: is so I can adjust it so it is in the center of the profile.. I'm pretty sure that's how it is working.. o_O






EDIT////////////////////////////


Okay I fixed everything! YAY. I just took out the div.main thing and put in an individual div code where I needed it. : )

[S-Majere]

Cool, glad you got it sorted.

Topic Closed, PM me or another member of the Design Staff if you need it reopening.