Center table on page.

lonewolfjujutsu · lonewolfjujutsu

My url is [url]http://www.lc.capellauniversity.edu/~167007/[/url]

I am trying to center my table on the browser window when opened. I tried 5% (
top margin ) but that is not enough. I saw that designers were using 100% but
that place my table too far down the page. Is it just a matter of guessing
percentages? I know that there is an easier way. I am not up to speed on CSS
yet . I would like to do this in XHTML or what ever code that you see that was
produced by Dreamweaver in my project. Any advice would be appreciated.
Thanks Ed

rob::db · rob::db

The way to do it is to set (using CSS) the top of the table (or preferably a
container <div> tag) to 50%, and then set the top margin to minus half the
height of the table. You can use the same technique to centre it
horizontally too. So, for example,

..container_class
{
position:relative; top:50%; left:50%; width:600px; height:400px;
margin-top:-200px; margin-left:-300px;
/*any other CSS stuff you want*/
}

If you want this to work with XHTML, you'll also need to set the height of
both the <body> and <html> tags to 100%.

lonewolfjujutsu wrote:

> My url is [url]http://www.lc.capellauniversity.edu/~167007/[/url]
>
> I am trying to center my table on the browser window when opened. I
> tried 5% ( top margin ) but that is not enough. I saw that designers
> were using 100% but that place my table too far down the page. Is it
> just a matter of guessing percentages? I know that there is an easier
> way. I am not up to speed on CSS yet . I would like to do this in
> XHTML or what ever code that you see that was produced by Dreamweaver
> in my project. Any advice would be appreciated. Thanks Ed

Murray *TMM* · Murray *TMM*

How do you know the height of the table?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"rob::db" <rob@digitalburn.net> wrote in message
news:dbf85c$7g5$1@forums.macromedia.com...

> The way to do it is to set (using CSS) the top of the table (or preferably
> a
> container <div> tag) to 50%, and then set the top margin to minus half the
> height of the table. You can use the same technique to centre it
> horizontally too. So, for example,
>
> .container_class
> {
> position:relative; top:50%; left:50%; width:600px; height:400px;
> margin-top:-200px; margin-left:-300px;
> /*any other CSS stuff you want*/
> }
>
> If you want this to work with XHTML, you'll also need to set the height of
> both the <body> and <html> tags to 100%.
>
>
>
>
> lonewolfjujutsu wrote:

>> My url is [url]http://www.lc.capellauniversity.edu/~167007/[/url]
>>
>> I am trying to center my table on the browser window when opened. I
>> tried 5% ( top margin ) but that is not enough. I saw that designers
>> were using 100% but that place my table too far down the page. Is it
>> just a matter of guessing percentages? I know that there is an easier
>> way. I am not up to speed on CSS yet . I would like to do this in
>> XHTML or what ever code that you see that was produced by Dreamweaver
>> in my project. Any advice would be appreciated. Thanks Ed

>
>

Center table on page.

Thread Tools

Display

Center table on page.

Similar Questions and Discussions

table to absolute center :::: really easy one.

Center of a page alignement

How to center web page?

Finding middle/center of page

Should I center the page while working on it?

Re: Center table on page.

Re: Center table on page.

Posting Permissions