using text-align center in colgroup

by

Only a limited set of CSS properties applies to columns, and text-align isn’t one of them.

See “The mystery of why only four properties apply to table columns” for a description of why this is the case.

In your simple example, the easiest way to fix it would be to add these rules:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

That would center all table cells, except the first column. This doesn’t work in IE6, but in IE6 the text-align does actually (wrongly) work on the column. I don’t know if IE6 supports all properties, or just a larger subset.

Oh, and your HTML is invalid. <thead> misses a <tr>.

More Related Contents:

  1. overflow:scroll; in
  2. How to design a table like this
  3. How do I keep two side-by-side div elements the same height?
  4. How do I create an HTML table with a fixed/frozen left column and a scrollable body?
  5. Equal height columns with CSS
  6. CSS3’s border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  7. Why doesn’t table > tr > td work when using the child selector?
  8. Table with fixed header and fixed column on pure css
  9. How to display scroll bar onto a html table
  10. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  11. Fixed Table Cell Width
  12. How to apply CSS page-break to print a table with lots of rows?
  13. Wrap text in tag
  14. Font Rendering / Line-Height Issue on Mac/PC (outside of element)
  15. CSS table-cell equal width
  16. Rounded table corners CSS only
  17. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  18. How to force table cell content to wrap?
  19. Table scroll with HTML and CSS [duplicate]
  20. space between divs – display table-cell
  21. Giving a border to an HTML table row,
  22. Min-width and max-height for table attributes
  23. How can I apply a border only inside a table?
  24. Removing unwanted table cell borders with CSS
  25. Should Tables be avoided in HTML at any cost?
  26. Yet Another Divs vs Tables issue: Forms
  27. Border around specific rows in a table?
  28. Styling the last td in a table with css
  29. Setting max-height for table cell contents
  30. How to make a table with equal column widths in CSS?

Leave a Comment