<div>
Put everything inside of a table.<br />
&lt;table style=&quot;width:100%&quot;&gt;<br />
&lt;tr align=&quot;center&quot;&gt;<br />
&lt;td&gt;<br />
&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;
</div>


Put everything inside of a table.
<table style="width:100%">
<tr align="center">
<td>
</td>
</tr>
</table>

<div>
Rather than adding tables to your site...<br />
<br />
1- add this above your &quot;div id=main&quot; (and add a closing tag at the bottom of your HTML)<br />

<pre><code id="code-20-37251167-1">&lt;div id=&quot;wrapper&quot; style=&quot;background-image: url('images/background.jpg');margin:0 auto;width:800px;&quot;&gt;</code></pre>
<br />
2- remove the style settings you have on your &lt;body&gt; tag. (Basically, removing the background image from the body and placing it on the wrapper - that way if you want to use a different page-level background image elsewhere, you can)<br />
change:<br />

<pre><code id="code-20-37251167-2">&lt;body style=&quot;background-image: url(images/background.jpg);width:600px;height:300px;&quot;&gt;</code></pre>
to<br />

<pre><code id="code-20-37251167-3">&lt;body&gt;</code></pre>
<br />
If you want to add a height:300px to the &quot;wrapper&quot; div, feel free to do so. ;o)<br />

</div>


Rather than adding tables to your site...

1- add this above your "div id=main" (and add a closing tag at the bottom of your HTML)


<div id="wrapper" style="background-image: url('images/background.jpg');margin:0 auto;width:800px;">


2- remove the style settings you have on your <body> tag. (Basically, removing the background image from the body and placing it on the wrapper - that way if you want to use a different page-level background image elsewhere, you can)
change:


<body style="background-image: url(images/background.jpg);width:600px;height:300px;">

to


<body>


If you want to add a height:300px to the "wrapper" div, feel free to do so. ;o)


<div>
@nap0leon:<br />
<br />
Thanks. &nbsp;Can you check the site now? &nbsp;Is there a way to center the inner content?
</div>


@nap0leon:

Thanks.  Can you check the site now?  Is there a way to center the inner content?

oldTyme.html

<div>
<div class="content wysiwyg-content">
How can I get content here to center: <a href="http://www.cygen.com/oldtimeypb/?" rel="ugc">http://www.cygen.com/oldtimeypb/?</a><br />
<br />
Also, is there a way to get the background to not consume the entire page? &nbsp;I may want to use another background that shows through on the edges.
</div>
</div>


How can I get content here to center: http://www.cygen.com/oldtimeypb/?

Also, is there a way to get the background to not consume the entire page?  I may want to use another background that shows through on the edges.

Centering content

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.