Left modual and blog aren't in the center Options

[actorderick]

I am having problems with my left modual and the blog not being in the center of the page.

When I was on the computer in the basement I got everything centered by changing the margins. But now that I am on the laptop upstairs everything is to the right about 120pixels. I know I can fix it by changing thr left margins, but then it wouldn't work on the computer downstairs, and probily for my friends.

Is there a way to fix this so it will work on all computers?

www.xanga.com/fall_of_Saigon

[talcumpowder]

Why don't you use tables if you're trying to get it centered?

Because it won't always otherwise.

[actorderick]

i didn't want to have to delete the left modual, I wanted to keep it.

if I did do tables, what would I do to get the blog into a table?

[talcumpowder]

Eh? No.... You just....

CODE

<table align="center">
<tr><td>

&then you close it in webstats. It should center everything automatically. Which you could do with div's, but percentages are a pain to work with.

[actorderick]

what if I want each post bordered?

[talcumpowder]

CODE

<style type="text/css">table.blogbody{border: 1px solid #000000;}</style>

[ http://www.xanga.com/rhythmsicle ]

[actorderick]

I put that code in, both.

Now what should I do? I am confused, sorry.

CODE

<table width="462" align="center">
<tr><td>


<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<style type="text/css">
/* Fall of Saigon - By Derick*/
/* NO JOCKING!*/
body
{background-color: black;

scrollbar-arrow-color: #666666;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: #dae2e5;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-3dlight-color: black;}


table.left {
/* MENU MODULE */
border: 1px solid #b3692a;
background-image: url();
width: 171px;
background-color: #dae2e5;
align: center;
  }

table.blogbody {
/* BLOG BODY */
border: 1px solid #b3692a;
width: 0px;
background-color: #dae2e5;
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
align: center;
}

table.left th {
/* MODULE TITLE */
/* like BLOGRINGS, POSTING CALENDAR, etc */
display:;
font: bold 10px 'verdana';
font-weight: bold;
text-transform: uppercase;
font-style: normal;
letter-spacing: -1px;
line-height:;
color: #421907;
background-color: #dae2e5;
text-align: left;
border-top: 3px solid #b3692a;
border-left: 1px solid # b3692a;
border-right: 1px solid # b3692a;
border-bottom: 1px solid # b3692a;
  }

table.left TD {
/* MODULE BODY */
font: normal 9px 'verdana';
color: #421907;
text-align: left;
border: 1px solid #b3692a;
width: 171px;
background-color: #dae2e5;
background-image: url();
align: center;
  }

div.blogheader, .caption {
/* DATES */
width: 462px;
font: bold 15px 'verdana';
font-weight: bold;
text-transform: uppercase;
font-style: normal;
letter-spacing: -1px;
line-height:;
color: #421907;
background-color: #dae2e5;
text-align: left;
border-top: 3px solid #b3692a;
border-left: 1px solid #B3692a;
border-right: 1px solid #B3692a;
border-bottom: 1px solid #B3692a;
  }

.blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* MAIN TEXT */
  font:normal 9px 'verdana';
color: #421907;
letter-spacing:0px;
text-align:left;
align: center;
  }


input, select, textarea, .textfield, .button {
/* INPUTS/TEXTAREAS */
  color:# 421907;
  font-family: 'verdana';
  font-weight: bold;
  font-size: 8px;
  border: 1px solid #B3692a;
  background-color: #dae2e5;
  text-transform: none;
  text-decoration: none;
  }



a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#666666;
text-transform:none;
font-size:8pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
font-weight:normal;
color:#666666;
text-transform:none;
font-size:8pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
font-weight:normal;
color:#666666;
text-transform:none;
text-decoration:none;
font-size:8pt;
cursor: crosshair;}

A:hover {font-family:FONT FAMILY;
color:#666666;
text-transform: underline;
cursor: crosshair;
font-weight:underline;
font-size:8pt}


table.search TD, table.search, table.announcements {
/*SEARCHBAR*/
display: none;
background-color: #421907;
border: 0px solid #B47486;
background-image: url();
}

table.search TD, table.announcements TH {
/*ANNOUNCEMENT TABLE*/
border: 1px solid #b3692a;
}

hr {
/*BOTTOM DIVIDER*/
border: 1px solid #b3692a;
}

</style>

stats:

CODE

</td></tr></table>

[iminlovewithTomD...]

Correct me if I'm wrong... but don't you just put

CODE

<div align="center">

at the very top of it all? hmm... I'm not sure..

[actorderick]

Correct me if I'm wrong... but don't you just put

CODE

<div align="center">

at the very top of it all? hmm... I'm not sure..

i'm not using divs, so that wont work

[actorderick]

nevermind. i fixed it! could someone close this please? thanks for all your helps.

[iminlovewithTomD...]

i'm not using divs, so that wont work

it doesnt say "div" anywhere in any of my layouts, and that still works. but whatever, you fixed it. yay.