Argh. Help me. Options

[squeex3]

My layout seems pretty messed up right now. The header won't show up for some reason, the blog area isn't centered beneath the header and the web page is really big width-wise (that may just be me -I'm a firefox user- but I'm not sure).

And here's my LJ html:

CODE

<!-- start code provided by createblog.com -->
FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=


<img src="http://img446.imageshack.us/img446/5127/headersurrealzh4.png" class="x"

galleryimg="no">


<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table class="x" galleryimg="no">
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%%</a> | <a href="%%urlpost%

%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%

%">edit</a>
</center></div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=


<img src="http://img446.imageshack.us/img446/5127/headersurrealzh4.png" class="x"

galleryimg="no">


<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%%</a> | <a href="%%urlpost%

%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%

%">edit</a>
</center></div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<title>Blah Blah Blah</title>
<style type="text/css">
<!--

body {
background-color:#f7f5ef;
background-image: url('http://img355.imageshack.us/img355/1093/image82da2.png');
scrollbar-base-color:#f7f5ef;
scrollbar-arrow-color:#f7f5ef;
text-align: justify;
font-family: tahoma; letter-spacing:0px;
color: #2c1b11;
font-size: 11px }

BODY, TD {font-family:tahoma; letter-spacing:0px; color:#2c1b11; font-size:11px;}

table, tr, xmp, div, td, p {font-family:tahoma; letter-spacing:0px; color:#2c1b11; font-

size:11px;}

a:link, a:visited, a:active {
text-decoration: none;
font-size: 12px;
font-weight: none;
color: #a65c52;
font-family: century gothic; letter-spacing:0px; }

a:hover {
background-color: none;
text-decoration: none;  
font-size: 12px;
color: #a65c52;
font-family: century gothic; letter-spacing:0px; }

.footer {
background-color: #f7f5ef;
font-family: century gothic; letter-spacing:0px;
color: #a65c52;
font-weight: normal;
font-size: 12px;
text-align: center;
text-transform: lowercase;
border-top: 2px dashed #2c1b11; }

.footer a:link, .footer a:visited, .footer a:active {
font-family: century gothic; letter-spacing:0px;
color: #a65c52;
font-weight: normal;
font-size: 12px;
text-align: center;
text-transform: lowercase; }

.footer a:hover {
border-bottom: 1px solid #a65c52;
color: #a65c52; }

b, strong {
font-size: 11px; font-weight: bold;
font-family: tahoma; letter-spacing:0px;
color: #2c1b11;}

u {
font-size: 11px; font-weight: underline;
font-family: tahoma; letter-spacing:0px;
color: #2c1b11;}

i {
font-size: 11px; font-weight: italics;
font-family: tahoma; letter-spacing:0px;
color: #2c1b11;}

em, s {
font-size: 11px; font-weight: strikethrough;
font-family: tahoma; letter-spacing:0px;
color: #2c1b11;}

input, select, textarea, .textfield, .button {
text-align: center;
background-color: transparent;
border: 1px solid #2c1b11;
font-size: 11px;
font-family: tahoma; letter-spacing:0px; }

body {
overflow-x: hidden;
margin-left: 212;
margin-top: 540;}

table, tr, td, .shadowed {background:transparent; }

table {
/* width of header */
/* top table */
width: 600;
margin-left: 0%;
margin-right: 100%;  
background-color: #f7f5ef;
border:10px solid #f7f5ef; padding:1px;}

table table {width:100%; margin:0; background-color:transparent;}
table table table {width:auto; background-color:transparent;}
table td {border:0px solid #000000;}
table table, table table td {border:none; padding:0;}

.shadowed img
/* icons */
{color:#f7f5ef; border:none;}
.entrybox
/* entry border */
{border:10px solid #f7f5ef; }
.entrybox .index
/* hiding bracket */
{color:#f7f5ef;}

/* This will change the subject's attributes */
p table table td.caption {
background-color:transparent;
font-family: century gothic; letter-spacing:0px;
color:#a65c52;
font-size:15px;
text-transform:lowercase;
text-align:left;
font-weight:none;}

/* This will change the main entry attributes */
table.entrybox td  {
font-family:Tahoma; letter-spacing:0px;
color:#2c1b11;
font-size:11px;
text-align:justify;
background-color:#f7f5ef; text-align:justify; }

/* This will change the rest of the date */
/* "Navigation" at bottom */
/* "[entries|friends|calendar]" at top */
.date, .index {
color:#2c1b11;
background-color:transparent;
font-family:century gothic; letter-spacing:0px;
font-size:12px;
text-transform:lowercase;
font-weight:none; }

/* This will change the navi caption, and brackets */
table.index td{
font-family: century gothic; letter-spacing:px;
font-size: 12px;
text-transform: lowercase;
color: #2c1b11;
background-color: transparent;
font-weight: none; }

/* This will change the most recent attributes */
table table table td.meta {
font-family: century gothic; letter-spacing:0px;
font-size: 12px;
text-transform: lowercase;
color: #2c1b11;
background-color: transparent;
font-weight: none;}

/* This will change the journal name, etc: However, it's hidden */
td.caption, .subject {
font-family: century gothic; letter-spacing:0px;
font-size: 12px;
color: #a65c52;
text-transform: lowercase;
font-weight: none;
background-color:transparent;
font-weight: none; text-align:center; }

td.caption b
/* site description */
{font-weight:none;}
-->
</style>
<style type="text/css">
<!--
.x {position:absolute; left:212; top:15;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%%</a> | <a href="%%urlpost%

%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%

%">edit</a>
</center></div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>25

LASTN_DATE_FORMAT=><div align="right"><span class="subject">%%monlong%% %%

dth%%, %%yyyy%%  | %%12h%%:%%min%%ampm%%</span></div>

CALENDAR_WEBSITE=><img

src="http://img446.imageshack.us/img446/5127/headersurrealzh4.png" class="x"

galleryimg="no">

FRIENDS_DATE_FORMAT=><div align="right"><span class="subject">%%monlong%%

%%dth%%, %%yyyy%%  | %%12h%%:%%min%%ampm%%</span></div>

LASTN_WEBSITE=><img

src="http://img446.imageshack.us/img446/5127/headersurrealzh4.png" class="x"

galleryimg="no">
<!-- end code provided by createblog.com -->

Thanks to whoever helps me. ^_^

[*Azarel*]

In order to get the header to show up, there must be a website listed in your profile (http://www.livejournal.com/manage/profile):

I'll take a look at the other two problems when I'm back home, on firefox, and edit this post later.Edit-- Sorry, I forgot to mention that the createBlog image servers are also a bit wonky right now, so since you do have a website listed, it's not any of your doing that the image isn't showing up; you'll just have to wait until the servers are okay again.

Please be aware that some of the image servers are down. Therefore, not every image will load if you preview/use a createblog submission. It should be fixed within the next few days. Thank you.

http://www.createblog.com/forums/index.php?showtopic=121381

Also, make sure all of your journal pages are set to generator in order for the layout to render correctly! If you don't know what I'm talking about, go to this page and choose generator from all the dropdowns. http://www.livejournal.com/customize/style.bml

[squeex3]

Thanks for letting me know the image servers were down. The header's fixed and it's up properly. ^_^

Although, the layout is still a bit messed up. >My LJ<

The main blog area isn't lined up underneath the header, there's a big gap between the latest post and header, and the width of the page seems to be gigantic.

Thanks for your help. ^_^

Nevermind. :)