How to center existing website?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi all,

I designed a website a while back in a hurry with little knowledge of
Frontpage.
Now I would like to center the website so it would look more updated.
The website is: olympiawindows.com

I tried inserting my pages in a new page with a centered table, no go.

Is there a way to do this?

Thanks for any help,
Emilio
 
You've made lots of 'mistakes' on that page - most prominant among them is
the placement of 'layers' within your table cells, which is going to make
the rendering of the page different cross-browser/platform. Layers, when
you use them (or any absolutely positioned element for that matter) should
never be placed directly into table cells. You can solve this by simply
moving the code block for each (from the opening <div> tag to the closing
</div> tag) so that it sits immediately above the closing body tag, e.g.,

change this -

<td>...<div style="position:absolute;....>...</div>...</td>

to this -

<td>...</td>

and this -

</body>

to this -

<div style="position:absolute;....>...</div>
</body>

Do that for each 'layer' on the page.

Once you have done that, you can then center the whole shebang like this -

Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:720px; margin:0 auto;position:relative; }
-->
</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -

</div><!-- /wrapper -->
</body>

and see if that helps.
 
Hi Murray,

Thank you for your help, I was away for a few days and could not answer.

I will digest what you sent me and will try (Total novice)

Thanks again,
Emilio
 
Back
Top