Incorrectly spaced Blogbody box Options

[jajamush]

Hi. I was surfing creatblog's xanga layouts, and I found one I really liked. The preview was nice, and it was nice and organized, so I copy/pasted it into my header portion of my header blog.

When I hit "preview," the blogbody box and the box with my name and the links and such were both off-center. I know a bit of HTML and code and whatever, so I scrolled through, looking for a number I could change so that it would fit, but I couldn't find it. Is there a way to fix this?

Thanks!

~Amanda

[*digital.fragrance*]

Okay, I want to you to try something and see if it works.. if it does, then I can remedy the problem.

This is what I did - . I inserted a div layer to govern the position of your navigation right after your stylesheet. I added a margin-left option, and hopefully by placing the right number, it will move over. If it goes crazy. you can always add a "margin-top: ##px;" option too.

CODE

<!-- start code provided by createblog.com -->
<img src="http://images.cbimg6.com/xanga/35/8630.jpg">
<title>Splash.</title>
<html>
<style type="text/css">
/* Made by Spunknicity @ createblog */
table.blogbody {
font-family: Arial;
font-weight: none;
font-size: 8pt;
color: 000000;
text-align: justify;
padding: -50px;
margin-top: 2px;
}
.caption, .blogheader {
padding: 3px;
font-family: Arial;
font-size: 8pt;
color: 000000;
background-color:transparent;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH {
font-family: Arial;
color: #000000;
font-size: 8pt;
}
u{
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: 999999;
   TEXT-DECORATION: underline;
   BORDER-BOTTOM: 2px dashed #A8D324;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited {
height:0px;
color:A8D324;
}

A:link, A:visited, A:active {
color:#A8D324;
text-transform: lowercaps;
font-size:8pt;
text-decoration:none;
font-family:Arial;
font-weight: none;
border: 5px black;
}

a:hover {
text-decoration: none;
color:#000000;
font-size: 8pt;
font-family:Arial;
FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=
00);
}

b, strong, {
font-family: arial;
font-size: 8pt;
color: #A8D324;
font-weight: bold;
}

body {
background-image: url(http://img8.imageshack.us/img8/5348/background8qz.png);
background-color: ffffff;
Background-Repeat: repeat vertical;
Background-position: center;
Background-fix: none;
Scrollbar-arrow-color: #ffffff;
Scrollbar-track-color: #ffffff;
Scrollbar-shadow-color: #BDEF35;
Scrollbar-face-color: #BDEF35;
Scrollbar-highlight-color: #BDEF35;
Scrollbar-darkshadow-color: #BDEF35;
Scrollbar-3dlight-color: #BDEF35;
Overflow-x: hidden;
font-family:Arial;
font-size:8pt;
color:#000000;
}

table.blogbody tr td {
width: 0px;
padding-left: 0px;
}

.blogbody b, .standard b, p b, strong {
font-size:8pt;
font-weight: bold;
color: #A8D324;
}

table.left th {
display:none;
}

table.left {
display:none;
}

.blogbody {
width: 325px;
color: #000000;
}

table.blogbody {
background-color: transparent;
border-right: none;
border-top: none;
border-left: none;
border-bottom: none;
font: 9px Arial;
text-align: justify;
width: 325px;
}

table.navigation, table.footer {
display: none;
}

.smalltext {
text-align: center;
}

hr {
display:none
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
font: normal 8pt Arial;
background-color: #ffffff;
font-color: #000000;
}

table.footer TD {
display: none;
}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}

div.blogheader, .caption {
background-image: url(http://images.cbimg6.com/xanga/35/8630a.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-color:ffffff;
font-family: Arial;
text-transform: Uppercase;
font-size: 8pt;
color: #A8D324;
text-align: right;
border-right: none;
border-top: none;
border-bottom: 1px #000000 solid;
border-left: none;
width: 375px;
}
</style>
<center>

<script type="text/javascript">
<!--
function lite(obj) {
if(document.all&&!window.opera) {
obj.filters.blendTrans.apply();
obj.filters.blendTrans.play();
}
}
-->
</script>

<style type="text/css">

#list-menu {
/* define the width of menu */
width: 132px;
}

#list-menu ul {
/* define ul */
margin: 0;
padding: -132;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;
}

#list-menu li {
/* create spaces between individual li */
margin: 2px 0 0;
}

#list-menu a {
/* define whatever inside the li */
display: block;
width:120px;
height: 15px;
padding: 2px 2px 2px 10px;
border: 1px solid #ffffff;
background: #000000;
text-decoration: none;
filter:blendTrans(duration=0.5);
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
/* define the color of the actual link */
color: #ffffff;
}

#list-menu a:hover {
/* create the rollover effect of the link */
border: 1px solid #000000;
background: #A8D324;
color: #ffffff;
}

</style>
<div style="position:absolute; margin-left:##px; overflow:auto;">
<table>
<tr><td width="180" cellpadding="5px" valign="top" align="center">
<div id="list-menu">
<ul>
<li><a href="http://www.xanga.com/" onmouseover="lite(this)" onmouseout="lite(this)">Xanga</a></li>
<li><a href="http://www.xanga.com/private/home.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Yours</a></li>
<li><a href="http://www.xanga.com/claf/default.asp" onmouseover="lite(this)" onmouseout="lite(this)">Look n' Feel</a></li>
<li><a href="http://www.xanga.com/profile.aspx?user=USERNAME" onmouseover="lite(this)" onmouseout="lite(this)">Profile</a></li>
<li><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME" onmouseover="lite(this)" onmouseout="lite(this)">Add Me</a></li>
<li><a href="http://www.createblog.com" onmouseover="lite(this)" onmouseout="lite(this)">Createblog</a></li>
<li><a href="http://www.xanga.com/signin.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Sign In</a></li>
<li><a href="http://www.xanga.com/logout.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Log Out</a></li>
<li><a href="http://www.createblog.com/forums/index.php?showuser=328021" onmouseover="lite(this)" onmouseout="lite(this)">Andie</a></li>
<li><a href="http://www.mugglenet.com" onmouseover="lite(this)"
onmouseout="lite(this)">Mugglenet</a></li>
</ul>
</div>
<div class="title">About Me</div>
<p><b>Name</b>: Amanda
<p><b>Birthday</b>: 09/25/86
<p><b>Location</b>: Chigrandrapigods, Michillinoigans
<p><b>Gender</b>: Female
<p><b>Aim</b>: <a href="aim:goim?screenname=blorlandom">BLOrlandOM</a>
<p><b>Interests</b>: Harry Potter, writing, books, paper, journaling, photography, languages, music
<p><b>Miscelanity</b><br>
<!-- start code provided by createblog.com -->
<script Language="JavaScript">


function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}

/////////////////////Set the Countdown///////////////////////


//Set the day to countdown to in the format, year, month, day, hour(Military Time 0=midnight, 23=11pm), minutes, seconds:
setcountdown(2006,04,20,22,51,00)


//Change what you want the countdown to say the its counting down to and what it will say on the special day, the counter will already be displaying days, hours, minutes, seconds left until.
var occasion="I get home!!!!! Are you excited!?"
var message_on_occasion="I'm HOME!  Celebrate Good Times, come on!"


//Set the font, width, height, background color of your countdown, and the font will be the same color as the rest of your site.
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'
var countdownwidth='50px'
var countdownheight='12px'
var countdownbgcolor='white'


/////////////////////Don't change anything else///////////////////////


var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''


function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}


if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer></div>
<!-- end code provided by createblog.com -->

(Aaah... where did the code box go?!)