How to vertically middle align a table?

[Guest]

Want to put contents in a table (one column and one cell) and this table
should show in the center (horizontally) AND the middle (vertically) of
browser window when loaded. How to do that?

 

[Stefan B Rusynko]

Set your table and cell alignment (horizontal/vertical) properties
- but if you are trying to get a table by itself to just appear in the center of a page, you can't do that unless you resort to
absolute positioning of a div

--




| Want to put contents in a table (one column and one cell) and this table
| should show in the center (horizontally) AND the middle (vertically) of
| browser window when loaded. How to do that?

 

[Thomas A. Rowe]

Or nest the table in another table set to 100% width and height.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[P@tty Ayers]

Or nest the table in another table set to 100% width and height.

That won't work reliably, unfortunately.

 

[P@tty Ayers]

Set your table and cell alignment (horizontal/vertical) properties

That will only align the cell's contents, not the table itself (there isn't
a vertical alignment for tables).

- but if you are trying to get a table by itself to just appear in the
center of a page, you can't do that unless you resort to
absolute positioning of a div

Which of course won't work at different browser window sizes.

 

[Tom Pepper Willett]

Why not?

--
===
Tom "Pepper" Willett
Microsoft MVP - FrontPage
---
About FrontPage 2003:
http://office.microsoft.com/home/office.aspx?assetid=FX01085802
How to ask a newsgroup question:
http://support.microsoft.com/kb/555375
===
|
| | > Or nest the table in another table set to 100% width and height.
|
| That won't work reliably, unfortunately.
|
|
| --
| Patty Ayers | www.WebDevBiz.com
| Free Articles on the Business of Web Development
| Web Design Contract, Estimate Request Form, Estimate Worksheet
| --
|
|

 

[Thomas A. Rowe]

It has never failed to work for me.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[Tom Pepper Willett]

Nor me. In any browser I've checked with.
--
===
Tom "Pepper" Willett
Microsoft MVP - FrontPage
---
About FrontPage 2003:
http://office.microsoft.com/home/office.aspx?assetid=FX01085802
How to ask a newsgroup question:
http://support.microsoft.com/kb/555375
===
| It has never failed to work for me.
|
| --
| ==============================================
| Thomas A. Rowe (Microsoft MVP - FrontPage)
| ==============================================
| If you feel your current issue is a results of installing
| a Service Pack or security update, please contact
| Microsoft Product Support Services:
| http://support.microsoft.com
| If the problem can be shown to have been caused by a
| security update, then there is usually no charge for the call.
| ==============================================
|
| | >
| > | >> Or nest the table in another table set to 100% width and height.
| >
| > That won't work reliably, unfortunately.
| >
| >
| > --
| > Patty Ayers | www.WebDevBiz.com
| > Free Articles on the Business of Web Development
| > Web Design Contract, Estimate Request Form, Estimate Worksheet
| > --
| >
| >
|
|

 

[P@tty Ayers]

Here's the an article which explains it well:

http://www.apptools.com/examples/tableheight.php

 

[Tom Pepper Willett]

I don't disagree with the heighth part.

--
===
Tom "Pepper" Willett
Microsoft MVP - FrontPage
---
About FrontPage 2003:
http://office.microsoft.com/home/office.aspx?assetid=FX01085802
How to ask a newsgroup question:
http://support.microsoft.com/kb/555375
===
| Here's the an article which explains it well:
|
| http://www.apptools.com/examples/tableheight.php
|
|
| --
| Patty Ayers | www.WebDevBiz.com
| Free Articles on the Business of Web Development
| Web Design Contract, Estimate Request Form, Estimate Worksheet
| --
|
|
| | > Nor me. In any browser I've checked with.
| > --
| > ===
| > Tom "Pepper" Willett
| > Microsoft MVP - FrontPage
| > ---
| > About FrontPage 2003:
| > http://office.microsoft.com/home/office.aspx?assetid=FX01085802
| > How to ask a newsgroup question:
| > http://support.microsoft.com/kb/555375
| > ===
| > | > | It has never failed to work for me.
| > |
| > | --
| > | ==============================================
| > | Thomas A. Rowe (Microsoft MVP - FrontPage)
| > | ==============================================
| > | If you feel your current issue is a results of installing
| > | a Service Pack or security update, please contact
| > | Microsoft Product Support Services:
| > | http://support.microsoft.com
| > | If the problem can be shown to have been caused by a
| > | security update, then there is usually no charge for the call.
| > | ==============================================
| > |
| > | | > | >
| > | > | > | >> Or nest the table in another table set to 100% width and height.
| > | >
| > | > That won't work reliably, unfortunately.
| > | >
| > | >
| > | > --
| > | > Patty Ayers | www.WebDevBiz.com
| > | > Free Articles on the Business of Web Development
| > | > Web Design Contract, Estimate Request Form, Estimate Worksheet
| > | > --
| > | >
| > | >
| > |
| > |
| >
| >
|
|

 

[P@tty Ayers]

I thought that's what the thread was about.

 

[Thomas A. Rowe]

I don't use or see a need in general to use DOCTYPES in my projects, so I don't see this as a
problem.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[P@tty Ayers]

You see no need to write valid code? Or to have browsers render your pages
in standards-compliant mode, rather than using their outdated "quirks mode"?

I'm just askin'.

 

[Tom Pepper Willett]

Apparently some major sites such as google and foxnews don't find the need
;-)
--
===
Tom "Pepper" Willett
Microsoft MVP - FrontPage
---
About FrontPage 2003:
http://office.microsoft.com/home/office.aspx?assetid=FX01085802
How to ask a newsgroup question:
http://support.microsoft.com/kb/555375
===
| You see no need to write valid code? Or to have browsers render your pages
| in standards-compliant mode, rather than using their outdated "quirks
mode"?
|
| I'm just askin'.
|
|
| --
| Patty Ayers | www.WebDevBiz.com
| Free Articles on the Business of Web Development
| Web Design Contract, Estimate Request Form, Estimate Worksheet
| --
|
|
| | >I don't use or see a need in general to use DOCTYPES in my projects, so I
| >don't see this as a problem.
| >
| > --
| > ==============================================
| > Thomas A. Rowe (Microsoft MVP - FrontPage)
| > ==============================================
| > If you feel your current issue is a results of installing
| > a Service Pack or security update, please contact
| > Microsoft Product Support Services:
| > http://support.microsoft.com
| > If the problem can be shown to have been caused by a
| > security update, then there is usually no charge for the call.
| > ==============================================
| >
| > | >> Here's the an article which explains it well:
| >>
| >> http://www.apptools.com/examples/tableheight.php
| >>
| >>
| >> --
| >> Patty Ayers | www.WebDevBiz.com
| >> Free Articles on the Business of Web Development
| >> Web Design Contract, Estimate Request Form, Estimate Worksheet
| >> --
| >>
| >>
| >> | >>> Nor me. In any browser I've checked with.
| >>> --
| >>> ===
| >>> Tom "Pepper" Willett
| >>> Microsoft MVP - FrontPage
| >>> ---
| >>> About FrontPage 2003:
| >>> http://office.microsoft.com/home/office.aspx?assetid=FX01085802
| >>> How to ask a newsgroup question:
| >>> http://support.microsoft.com/kb/555375
| >>> ===
| >>> | >>> | It has never failed to work for me.
| >>> |
| >>> | --
| >>> | ==============================================
| >>> | Thomas A. Rowe (Microsoft MVP - FrontPage)
| >>> | ==============================================
| >>> | If you feel your current issue is a results of installing
| >>> | a Service Pack or security update, please contact
| >>> | Microsoft Product Support Services:
| >>> | http://support.microsoft.com
| >>> | If the problem can be shown to have been caused by a
| >>> | security update, then there is usually no charge for the call.
| >>> | ==============================================
| >>> |
| >>> | | >>> | >
| >>> | > | >>> | >> Or nest the table in another table set to 100% width and height.
| >>> | >
| >>> | > That won't work reliably, unfortunately.
| >>> | >
| >>> | >
| >>> | > --
| >>> | > Patty Ayers | www.WebDevBiz.com
| >>> | > Free Articles on the Business of Web Development
| >>> | > Web Design Contract, Estimate Request Form, Estimate Worksheet
| >>> | > --
| >>> | >
| >>> | >
| >>> |
| >>> |
| >>>
| >>>
| >>
| >>
| >
| >
|
|

 

[Thomas A. Rowe]

I write valid code, and all of my projects work in all current browsers in quirks mode, so I see not
reason to change, why fix something that is not broken?. I also don't use CSS for much of anything
either.


--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[Thomas A. Rowe]

Valid code to me is any code that renders in the targeted browser(s).

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[P@tty Ayers]

Ok, but does that make it a good thing?

 

[P@tty Ayers]

I write valid code,

Well.. um.. you can't, without a doctype.

...and all of my projects work in all current browsers in quirks mode, so
I see not reason to change, why fix something that is not broken?. I also
don't use CSS for much of anything either.

There are a lot of great reasons to design with web standards and to use
CSS, but I'm sure if you wanted to know more you could find the information
yourself, so I won't belabor the point. To each his own.

 

[P@tty Ayers]

Valid code to me is any code that renders in the targeted browser(s).

Ok - but when the term 'valid code' is used in the web development industry,
it has a specific meaning, much different than your definition. Just FYI.

 

[Thomas A. Rowe]

Folks were writing HTML code long before the DOCTYPE was implemented, and sites in general work just
fine, and second there are no HTML standards, just recommendations/guidelines. The closest thing to
a standard is HTML 3.2 which all browsers support.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================