I what the jurnal center..., I can't get the layout to be center... Options

[Dragonfly_11]

Please help...

CODE

LASTN_HEAD<=

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

body {
scrollbar-face-color: #05E9FF;
scrollbar-arrow-color: white;
scrollbar-highlight-color: #F0FFFF;
scrollbar-3dlight-color: #98F5FF;
scrollbar-shadow-color: #E0FFFF;
scrollbar-darkshadow-color: #05B8CC;
scrollbar-track-color: white;
}

BODY, TD {font-family:verdana;color:black;font-size:12;}
A:link {color: "#03A89E"; text-decoration:blink}
A:visited {color: "#03A89E"; text-decoration:blink}
A:hover { text-decoration:none; color:"#68838B"; cursor:hand; }


body {
overflow-x: hidden;
margin-left: center;
margin-top: 350;
}

body {
background-image: url('http://img.photobucket.com/albums/v92/dragonfly11/karlabanner_03.gif');
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top 25%;

}

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

table {
width: 500px;
margin-left: center;
margin-right: 100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
</head>

<p>
<=LASTN_HEAD

[*Libertie*]

You were just missing a couple of things.. I hope this is what you meant. If not you can change the table width to 510px and the top margin (where the background properties are) to somewhere around 600px.

CODE

GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;
top: 0px;
width: 534px;
left:50%;
margin-left:-273px;
height: 600px;
}

/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
margin-top: 440px;
}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 470px;
left:50%;
margin-left: -15px;}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE