Log In · Register

 
Comments too far down, divs style band layout
louisenatephoto
post Jun 15 2009, 08:12 AM
Post #1


Member
**

Group: Member
Posts: 17
Joined: Jun 2009
Member No: 731,512



Hey guys,

having trouble getting my comments in the right spot. Right now they're wayyyyy too far down, not sure how to fix this. I'm new to CSS / HTMl. Here's a link to our page
www.myspace.com/louisenatetestpage
Thanks

p.s. does anyone know why the header has a white line on the top left side?
 
 
Start new topic
Replies (1 - 3)
louisenatephoto
post Jun 15 2009, 09:38 AM
Post #2


Member
**

Group: Member
Posts: 17
Joined: Jun 2009
Member No: 731,512



Sure,
I tried this code
http://www.createblog.com/myspace-scripts/...omments-in-div/
and now it's a little bit too far up
I'm sure its something pretty simple that's causing this

CODE
<div class="masthead"><span></span></div>

<style> table table {margin-top:1000px;}
div table table, table table table {margin-top:0;}

</style>

<div class="content" style="position: absolute; left:860px; top:1087px; width:153px; height:71px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_18.jpg" />
</div>



<div class="content" style="position: absolute; left:265px; top:1083px; width:118px; height:75px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_17.jpg" />
</div>



<div class="content" style="position: absolute; left:460px; top:1046px; width:360px; height:112px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_16.jpg" />
</div>



<div class="content" style="position: absolute; left:383px; top:1046px; width:64px; height:112px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_15.jpg" />
</div>


<div class="content" style="position: absolute; left:265px; top:1046px; width:118px; height:37px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocC9wYWdlcy9Ta2llcy1GYWRlLUdyZXkvNjIx
zA2NTI5NjI/cmVmPXRz"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_14.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:860px; top:1025px; width:153px; height:62px; overflow: auto;"><center>
<a href="www.louisenatephotography.com"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_13.jpg" /></a>
</div>


<div class="content" style="position: absolute; left:838px; top:1025px; width:22px; height:133px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_12.jpg" />
</div>


<div class="content" style="position: absolute; left:265px; top:992px; width:182px; height:54px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_11.jpg" />
</div>


<div class="content" style="position: absolute; left:745px; top:975px; width:360px; height:71px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_10.jpg" />
</div>


<div class="content" style="position: absolute; left:460px; top:975px; width:360px; height:71px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTI3ODY3MTQ4MCZN
VRva2VuPWRhNzJiY2Y2LWYyM2UtNGIzMC04MjgwLTAwMDQ1NDIzMzcyNg=="><img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_09.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:1010px; top:900px; width:25px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_08.jpg" />
</div>

<div class="content" style="position: absolute; left:838px; top:900px; width:175px; height:75px; overflow: auto;"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=278671480"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_07.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:820px; top:900px; width:18px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_06.jpg" />
</div>

<div class="content" style="position: absolute; left:460px; top:900px; width:360px; height:75px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yNzg2NzE0ODA="> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_05.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:445px; top:900px; width:15px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_04.jpg" />
</div>

<div class="content" style="position: absolute; left:263px; top:900px; width:190px; height:100px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yNzg2NzE0ODA=">
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_03.jpg" />
</a>
</div>



<div class="content" style="position: absolute; left:235px; top:900px; width:32px; height:358px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_02.jpg" /></a>
</div>


<div class="bg" style="position: absolute; left:235px; top:170px; width:800px; height:742px; overflow: hidden;">
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_01.jpg" />
</div>













</style>


<div class="content" style="position: absolute; left:860px; top:1087px; width:153px; height:71px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_18.jpg" />
</div>



<div class="content" style="position: absolute; left:265px; top:1083px; width:118px; height:75px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_17.jpg" />
</div>



<div class="content" style="position: absolute; left:460px; top:1046px; width:360px; height:112px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_16.jpg" />
</div>



<div class="content" style="position: absolute; left:383px; top:1046px; width:64px; height:112px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_15.jpg" />
</div>


<div class="content" style="position: absolute; left:265px; top:1046px; width:118px; height:37px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocC9wYWdlcy9Ta2llcy1GYWRlLUdyZXkvNjIx
zA2NTI5NjI/cmVmPXRz"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_14.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:860px; top:1025px; width:153px; height:62px; overflow: auto;"><center>
<a href="www.louisenatephotography.com"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_13.jpg" /></a>
</div>


<div class="content" style="position: absolute; left:838px; top:1025px; width:22px; height:133px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_12.jpg" />
</div>


<div class="content" style="position: absolute; left:265px; top:992px; width:182px; height:54px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_11.jpg" />
</div>


<div class="content" style="position: absolute; left:745px; top:975px; width:360px; height:71px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_10.jpg" />
</div>


<div class="content" style="position: absolute; left:460px; top:975px; width:360px; height:71px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTI3ODY3MTQ4MCZN
VRva2VuPWRhNzJiY2Y2LWYyM2UtNGIzMC04MjgwLTAwMDQ1NDIzMzcyNg=="><img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_09.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:1010px; top:900px; width:25px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_08.jpg" />
</div>

<div class="content" style="position: absolute; left:838px; top:900px; width:175px; height:75px; overflow: auto;"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=278671480"> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_07.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:820px; top:900px; width:18px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_06.jpg" />
</div>

<div class="content" style="position: absolute; left:460px; top:900px; width:360px; height:75px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yNzg2NzE0ODA="> <img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_05.jpg" /></a>
</div>

<div class="content" style="position: absolute; left:445px; top:900px; width:15px; height:258px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_04.jpg" />
</div>

<div class="content" style="position: absolute; left:263px; top:900px; width:190px; height:100px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yNzg2NzE0ODA=">
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_03.jpg" />
</a>
</div>



<div class="content" style="position: absolute; left:235px; top:900px; width:32px; height:358px; overflow: auto;"><center>
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_02.jpg" /></a>
</div>


<div class="bg" style="position: absolute; left:235px; top:170px; width:800px; height:742px; overflow: hidden;">
<img src="http://www.louisenatephotography.com/sfg_myspace/Untitled-4_01.jpg" />
</div>














<style>

body {
background-color: 000000;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:;
scrollbar-track-color: ;
scrollbar-shadow-color: ;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-darkshadow-color:;
scrollbar-3dlight-color:;}

table, tr, td {background-color: transparent; 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: ; }

{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 arial; color:707070 ; font-weight:none; border:0px; text-transform: none; line-height:12px;}

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

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:707070; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:707070; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 707070; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color:707070 ; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
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;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:; font-weight:none;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;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<style>
.comments {position:absolute; left:50%; top:1450px; _top:1000px; margin-left:-422px; _margin-left:-600px; width:415px; _width:419px;}
.friendspace {display:none;}
.friendscomments {margin-top:-80px;}
table.friendsComments img {max-width:365px}
table.friendsComments a {max-width:90px}
</style>


and this is in my 'members' section

CODE
<div class="masthead"><span></span></div> <style> table table {margin-top:-500px;} div table table, table table table {margin-top:0;} </style>0
 
Mikeplyts
post Jun 20 2009, 07:17 AM
Post #3


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



Try adding
CODE
overflow: auto;


to the div classes in your comments in a div code. At the bottom very bottom of the codes you posted. That should make it scroll. Also, add some
CODE
height:###px;

and
CODE
width:###px;

properties to those div classes.
 
Mickey
post Jun 28 2009, 10:28 AM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Looks like you've solved both problems. PM me if you need this reopened. Topic closed & moved.
 

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