How to center existing website?

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
 
M

Murray

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.
 
G

Guest

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top