Dreamweaver - Table 100% - content centered. WHY NOT??

Author

Table 100% - content centered. WHY NOT??

Obiben

2004-04-12, 4:37 am

In Dreamweaver MX 2004, I put a table (1 col, 1row) with the height at 100% so
the content of that table will be by default all centered.

I use this method since 5 years! But now in Dreamweaver MX 2004, it look OK in
Dreamweaver but when i try it in a browser all the content is aligned to the
TOP .... WHY????? What can I do ????

Check out my screenshot to see: http://www.benfal.com/temp/why.htm

Thanks for helping!!

Josh Johnson

2004-04-12, 4:38 am

Obiben wrote:
> I use this method since 5 years! But now in Dreamweaver MX 2004, it look OK in
> Dreamweaver but when i try it in a browser all the content is aligned to the
> TOP .... WHY?????

Because height isn't a valid attribute for tables. See W3C specs for
more specifics.

> What can I do ????

I'm not 100% sure, but I think because DMX 2004 inserts a proper doctype
at the top of your code, it throws lagging browsers like IE into a
strict layout mode. Try either changing your doctype or (God forbid)
removing it to get back your tried and true 100% height tables.

- Josh

Barry Pearson

2004-04-12, 4:38 am

Obiben wrote:
> In Dreamweaver MX 2004, I put a table (1 col, 1row) with the height
> at 100% so the content of that table will be by default all centered.
>
> I use this method since 5 years! But now in Dreamweaver MX 2004, it
> look OK in Dreamweaver but when i try it in a browser all the content
> is aligned to the TOP .... WHY????? What can I do ????
>
> Check out my screenshot to see: http://www.benfal.com/temp/why.htm

There is a way of getting this effect back using CSS. But ... it doesn't work
in IE Mac. (And I don't have a Mac to experiment on).

Here is a page that uses a single-cell table for vertical alignment. The HTML
(4.01 Strict) and CSS validate at W3C. It has a proper DOCTYPE.

http://www.barry.pearson.name/artic...single_cell.htm

The page, in fact, has 3 single-cell tables on it, for different purposes. You
want the one with the light grey background. Look at:

verticaldiv
verticaltable
verticalcell

and the CSS for these plus the body-rule.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/