A bit of Background centering help?, Please? Options

[tealeafkitty]

So, I've got this layout, and basically, I want the image, blog text and the background to be centered.

So, after much work, I found that I can center the background (using top center), but found myself unable to do the same for the image and the blog text.

Being the ever flexible person, I figured to do it the other way around, and fix my image and blogtext at left: 300px.

Unfortunately... I can't do the same for my background. Hmm...

Some help?

This be my Background and Blog Text code:

<!-- begin code provided by createblog.com --><br /><br /><br />body {<br />overflow-x: visible;<br />margin-top: 600px;<br />margin-left: 300px;<br />background: #E2DDB5;<br />overflow:-moz-scrollbars-vertical;<br />background-image: url(http://i21.photobucket.com/albums/b271/leafgreentea/Back.jpg);<br />background-repeat: repeat-y !important;<br />background-position: absolute;<br />top:0px; left:300px; z-index: 1;<br /><br />}<br /><!-- end code provided by createblog.com -->

This be the image/header code

<!-- begin code provided by createblog.com --><br />LASTN_WEBSITE<=<br /><img src="http://i21.photobucket.com/albums/b271/leafgreentea/Headercopy.jpg" border="0" usemap="#Map" class="x" style="<br /> visibility: visible; <br /> position: absolute;"><br /><map name="Map"><br />    <area shape="rect" coords="102,279,153,304" href="http://green-tea-river.livejournal.com/profile"><br />  <area shape="rect" coords="167,279,215,304" href="http://green-tea-river.livejournal.com/friends"><br />  <area shape="rect" coords="223,279,289,304" href="http://www.livejournal.com/tools/memories.bml?user=green_tea_river"><br /></map><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:300px; top:0px; z-index: 1; }<br /><!-- end code provided by createblog.com -->

Any help will be MUCHLY appreciated.

Thanks!

[*Libertie*]

<!-- begin code provided by createblog.com --><br /><br /><br />body {<br />overflow-x: visible;<br />margin-top: 600px;<br />margin-left: 300px;<br />background: #E2DDB5;<br />overflow:-moz-scrollbars-vertical;<br />background-image: url(http://i21.photobucket.com/albums/b271/leafgreentea/Back.jpg);<br />background-repeat: repeat-y !important;<br />background-position: absolute;<br />top:0px; left:300px; z-index: 1;<br /><br />}<br /><!-- end code provided by createblog.com -->

I'm a little confused too, but I think maybe what you're trying to do is position the background 300 px from the left?

You would change your body code to:

body {
overflow-x: visible;
margin-top: 600px;
margin-left: 300px;
background: #E2DDB5;
overflow:-moz-scrollbars-vertical;
background-image: url(http://i21.photobucket.com/albums/b271/leafgreentea/Back.jpg);
background-repeat: repeat-y;
background-position: 300px;