blog positioning is fine..but.., moving scroll bars?? Options

[p4ige007]

please help....i have been working on my napoleon dynamite skin for a while cuz i am really new to this and i have the blog positioning right but i cant seem to get the scroll bars to move over.....all the text is inside of the correct box but the scroll bars arent positioned right.....any idea what's wrong??heres the code ...

<!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />document.title = ('ii like your sleeves<33');<br /></script><br /><IMG SRC="http://img.photobucket.com/albums/v305/p4ige007/NDfinal.jpg" WIDTH=500 HEIGHT=700 BORDER=0 ALT="" USEMAP="#ND1_Map"><br /><MAP NAME="ND1_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="350,343,394,349" HREF="http://www.xanga.com/logout.asp"><br /><AREA SHAPE="rect" ALT="" COORDS="315,343,340,349" HREF="http://www.xanga.com/claf"><br /><AREA SHAPE="rect" ALT="" COORDS="232,344,307,349" HREF="http://www.xanga.com/private/subscriptions.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="182,343,223,351" HREF="http://www.xanga.com/private"><br /><AREA SHAPE="rect" ALT="" COORDS="140,343,173,350" HREF="http://www.xanga.com"><br /><AREA SHAPE="rect" ALT="" COORDS="96,343,134,350" HREF="http://www.xanga.com/signin.aspx"><br /></MAP><br /><!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 560px; height: 300px; margin-top: -320px; margin-left: 10px;"><br /><!-- end code provided by createblog.com --><br /><style type="text/css"><br />table.header, table.main, table.footer, table.navigation {<br />/* edit width */<br />width:500;<br />}<br />table.blogbody {<br />width:490;<br />align: center;<br />}<br />div.blogheader, .caption {<br />width:485;<br />align:center;<br />}<br />body {<br />background:white;<br />font-family: arial;<br />font-size:8px;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {<br />display: none;<br />} <br /><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />div {filter:chroma(color=#00FF00);<br />scrollbar-arrow-color: #333333;<br />scrollbar-face-color: #00FF00;<br />scrollbar-3dlight-color: #00FF00;<br />scrollbar-darkshadow-color: #00FF00;<br />scrollbar-highlight-color: #00FF00;<br />scrollbar-shadow-color: #00FF00<br />scrollbar-track-color: #00FF00;}<br /></style> <br /><br /><style type="text/css"><br />/* <span class='searchlite'>ii like your sleeves<33</span> */<br />/* (C)2005 - p4ige_rox */<br /><br />div.blogheader, .caption<br />{font-family: arial;<br />font-size:8pt;<br />color:#000000;<br />text-align:right;<br />font-weight:bold;}<br /><br />.blogbody b, .standard b, p b, strong {<br />font-family: arial;<br />font-weight: bold;<br />color: #ff6699;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 8pt terminal;<br />background-color: ffffff;<br />font-color: #ff6699;}<br /><br />table.footer TD {<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #000000;<br />font: bold 8pt ms comic sans;<br />text-transform: none;<br />text-align:center;<br />border: #000000 1px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />border: none;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />background-color:transparent;<br />font-family: terminal;<br />BORDER: none;<br />width:385px;}<br /><br />a:link<br />{line-height: 9pt; <br />font-family: arial;<br />font-weight:normal; <br />color: #ff6699; <br />text-transform:none;<br />font-size:8pt;<br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color: 333333; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color: 333333; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover <br />{font-family:arial;<br />color: black;<br />text-transform: none; <br />cursor: crosshair; <br />font-weight:none;<br />font-size:8pt}<br /></style><br /><!-- end code provided by createblog.com -->

[avalon*]

did you try adjusting the div layer numbers? also, could you post your xanga link here so we can see what you're talking about?

[p4ige007]

eh..i am having alot more problems then i thought..........to preview this skin i was using the xanga previewer thingy on createblog but when i put it on xanga its all messed up..like you cann see the css.....here is a screenshot when using the createblog previewer


yu can kinduf see how the scroll bar is way off to the right..then after i took this screen shot i decided to look at it on an actual xanga....and well its all weird..please help !! go check it out at http://www.xanga.com/home.aspx?user=ilikeyoursleeves_x

[lovescream]

Yo, the layout on your site is jacked up.

Have you considered div layering?

<!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: ###px;<br />height: ###px;<br />margin-top: ###px;<br />margin-left: ###px;"> <br /><!-- end code provided by createblog.com -->

Play around with the numbers. You shall get it soon.

[p4ige007]

um...i already have that..its in the code i posted above ..

<div style="overflow: auto; width: 560px; height: 300px; margin-top: -320px; margin-left: 10px;">

[lovescream]

um...i already have that..its in the code i posted above ..

My bad. I probably scrolled down too fast.

How about.. edit the width. Make the width smaller.

[p4ige007]

thanks !! it works now !! ok well but there is a horizantal scroll bar at the bottom but i'll figure that out..but do you have any idea why the skin is so messed up on the actual xanga and not on the previewer and how i can fix it??