How do I get the website to center on the browser?

[Guest]

Hello
Am using Frontpage 2003. How do I get the web pages to center on the screen and not default to the left? I am using shared borders that has a table on default left. Then a table in the body. Each table property has Center for positioning, but there is a big gap between the shared border left and the body table. I want the whole site to just center on the screen. The code I have on the page is
<style><!-
body { text-align: center; font-family: Verdana; font-size: 10pt; color: #333333
a:link { font-family: Verdana; font-size: 10pt; color: #0000FF
a:visited { font-family: Verdana; font-size: 10pt
input { font-family: Helvetica; font-size: 10pt
button { font-family: Arial; font-size: 10pt
--></style><meta name="Microsoft Border" content="tlb, default"></head>

 

[Thomas A. Rowe]

As long as you are using shared borders, you can not center the web page,
use tables and the FP Include Page component or the new Dynamic Web Template
instead.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================

Hello:
Am using Frontpage 2003. How do I get the web pages to center on the

screen and not default to the left? I am using shared borders that has a
table on default left. Then a table in the body. Each table property has
Center for positioning, but there is a big gap between the shared border
left and the body table. I want the whole site to just center on the
screen. The code I have on the page is:

 

[Jim Buyens]

-----Original Message-----

Hello:
Howdy:


Am using Frontpage 2003. How do I get the web pages to
center on the screen and not default to the left? I am
using shared borders that has a table on default left.
Then a table in the body. Each table property has
Center for positioning, but there is a big gap between
the shared border left and the body table. I want the
whole site to just center on the screen. The code I have
on the page is:
<style><!--
body { text-align: center; font-family: Verdana;

font-size: 10pt; color: #333333 }

a:link { font-family: Verdana; font-size: 10pt; color: #0000FF }
a:visited { font-family: Verdana; font-size: 10pt }
input { font-family: Helvetica; font-size: 10pt }
button { font-family: Arial; font-size: 10pt }
--></style><meta name="Microsoft Border" content="tlb,

default"></head>

Arg! (slaps palm on forehead)

This is occurring because the FrontPage always specifies
width=100% on the tables that it creates for shared
borders. So, although

body { text-align: center

does center the table, it makes no difference because the
centered table is still just as wide as the browser window.

If you just want some margins, try:

body {margin-left:100px; margin-right:100px;}
or
body {margin-left:10%; margin-right:10%;}

However, your page will still vary in width for different
sized browser windows. If you want the centered page
layout to have a fixed-width, you'll need to use HTML
tables and either Include Page components or Dynamic Web
Templates, as Tom has suggested.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

 

[Stefan B Rusynko]

See my response in your duplicate post in the programming newsgroup

--




| Hello:
| Am using Frontpage 2003. How do I get the web pages to center on the screen and not default to the left? I am using shared
borders that has a table on default left. Then a table in the body. Each table property has Center for positioning, but there is a
big gap between the shared border left and the body table. I want the whole site to just center on the screen. The code I have on
the page is:
| <style><!--
| body { text-align: center; font-family: Verdana; font-size: 10pt; color: #333333 }
| a:link { font-family: Verdana; font-size: 10pt; color: #0000FF }
| a:visited { font-family: Verdana; font-size: 10pt }
| input { font-family: Helvetica; font-size: 10pt }
| button { font-family: Arial; font-size: 10pt }
| --></style><meta name="Microsoft Border" content="tlb, default"></head>