CSS Mysterys

[Mild Fuzz]

Okay, styling a table shouldn't be dreadfully tricky

Why, then, are my cells not lining up dispite having widths defined by classes?

http://fitzgraham.netne.net/wordpress/timetable/

[Mild Fuzz]

seems to be my 'location' cell playing up, but they all have defined widths.

[chipbennett]

These might be conflicting a little bit:

table.mf_timetable {
	width: 900px;
}

table.mf_timetable table.subtable td.location {
	width: 2035px;
}

Your containing table is defined as 900px width, but your location TD inside your sub-table is defined as 2035px.

Out of curiosity, why are you bothering at all with tables?

Using a UL might be easier to code, and to style...

<ul class="mf_timetable">
  <li class="day">Mon</li>
  <li class="subtable">
     <ul class="modern">
        <li class="class body">Primary Modern</li>
        <li class="location body">Pewsham Community Centre</li>
        <li class="time body">03:30:00 - 04:00:00</li>
        <li class="teacher body">Miss Beccy</li>
        <li class="cost body">3.50</li>
        <li class="category body">modern</li>
     </ul>
  </li>
</ul>

And that way, you don't have to worry about the wonkiness of table styling.

Just a thought. :)

[Mild Fuzz]

It's tabular data, so I started using tables. There is a lot of PHP generating that table.

[Mild Fuzz]

Have made the change, only thing it effects is total width, seems the <td> widths are having little or no effect.

[Otto]

Fixed link (yours goes to "localhost"): http://fitzgraham.netne.net/wordpress/timetable/

Anyway, answer: Use col tags to specify the width:
http://www.quackit.com/html_5/tags/html_col_tag.cfm

[Mild Fuzz]

Fixed link (yours goes to "localhost"): http://fitzgraham.netne.net/wordpress/timetable/

Copied and pasted wrong link, then edited. Seems I only edited the inner HTML

[Mild Fuzz]

So I should define col's for each subtable?

[chipbennett]

Fixed link (yours goes to "localhost"): http://fitzgraham.netne.net/wordpress/timetable/

Anyway, answer: Use col tags to specify the width:
http://www.quackit.com/html_5/tags/html_col_tag.cfm

Is that HTML 5 specific?

What about defining max-width and min-width (defining them the same as width)?

[Ryan]

Is that HTML 5 specific?

No, it's old school :)

You should also be able to define a width on the TD tag itself.