help me with my layout, im kinda new to this.. Options

[Xx3IL33NxX]

ive tried everything but i guess i NEED a pro's help. in my xangas layout there is like a BIG space in the right but i want the main blog and the custom modules in the middle and i also want the custom module and the main blog close together.
here is my xanga. my xanga
and here is a xanga i would like it to look like the xanga i want it to look like
<BR>
here is my code. please can somebody fix it for me?

<!-- begin code provided by createblog.com --><br /> <!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* made by eileen suh*/<br />body {<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #ffffff;<br />  scrollbar-track-color: #ffffff;<br />  scrollbar-shadow-color: #33cc00;<br />  scrollbar-face-color: #ffffff;<br />  scrollbar-highlight-color: #33cc00;<br />  scrollbar-darkshadow-color: #33cc00;<br />  scrollbar-3dlight-color: #33cc00;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:12px;<br />line-height:20px;<br />font-weight:bold;<br />color:#33cc00;<br />letter-spacing:2px;<br />width:350px;<br />background-color:#ffffff;<br />text-align:left;<br />border:1px solid #33ff00;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #33ff00;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 2px solid #ffffff;<br />font:normal 7px arial;<br />background-color: ffffff;<br />font-color:#33ff00;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: justify;<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: #33cc00;<br />  font: bold 7pt trebuchet ms;<br />  text-transform: none;<br />  text-align:center;<br />border: #33ff00 0px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:170px;<br />color:#33cc00;<br />background-color:ffffff;<br />BORDER: #33ff00 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#33ff00;<br />font-face: arial;<br />font-weight:normal;<br />font-size:7pt;<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 />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: #33ff00 1px solid;<br />width:350px;}<br /><br />a:link{line-height: 7pt; font-family: arial;font-weight:normal; color:#339900; text-transform:none;font-size:7pt; cursor:crosshair;}<br />a:active{font-family: arial; color:#339900; text-transform:none;font-size:7pt; cursor:crosshair;}<br />a:visited{font-family: arial; color:#339900; text-transform:none;text-decoration:strikeout;font-size:7pt;cursor: crosshair;}<br />A:hover {font-family:arial;color:#00ff33;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:5pt}</style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />hr {display:none;}<br /></style><br /><!-- end code provided by createblog.com --> <br /><!-- end code provided by createblog.com -->

i would really like some help please.

[Kenado]

you can try this to make your xanga a bit smaller

CODE

<style type="text/css">table.main {
/* the width of your blog with modules */
width: 400px;
}</style>

and in your look and feel do you see where it says Page Width & Alignment?
if it's to the left change it to center

[Xx3IL33NxX]

o thank you thank you soooo much. but now you know on my xanga how the links on the bottom are on the right side and not in the center? how do u move it to the center? and also for the links on the top -- can sombody give me a code to put them all in the center? they are annoying.

[talcumpowder]

Change the module size back to 160px and see if that does anything. And take out the width part in the margins of the blog part.
edit// Just remove them unless you see a real need to keep them.
[ http://www.createblog.com/forums/index.php?showtopic=48041 ]

CODE

<style type="text/css">table.navigation, table.footer {text-align: center;}</style>

You can use that to center them if you must.

[Xx3IL33NxX]

o thank you!!! you guyz are the bomb!!

[Xx3IL33NxX]

now can somebody tell me how you close this topic?

[talcumpowder]

Lol, that's a mod function. You ask nicely and then wait for a mod to close it. Also, please don't double post. Just use the edit button instead.
Closed.