181741 - there is no way to center a table (by using strict HTML)

Status: RESOLVED WORKSFORME

(Core :: Layout: Tables, defect)

Description

[primoz]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.2b) Gecko/20021016
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.2b) Gecko/20021016

old html standard provided table align="..." way of centering a table (this
works,  but is deprecated). I cannot find a way to reproduce this behaviour
using css.

Example:

<div style="text-align:center; width:100%"><table><tr><td
style="text-align:center">asfd</td></tr></table></div>

puts table on the left side of the view area instead of centering it (or I'm
missing something).

Reproducible: Always

Steps to Reproduce:
1.use <div style="text-align:center; width:100%"><table><tr><td
style="text-align:center">asfd</td></tr></table></div>
2.
3.

Actual Results:  
table on the left side of view area

Expected Results:  
center it (afaik)

Comment 1

[Bill Mason]

To center, set the left and right margins of the table to auto.
Live example: http://www.accessibleinter.net/accessibility/