Why is my table not respecting my fixed COL width?

Question

I have this table: http://jsfiddle.net/fere_tzau/7pwn48zf/ . What I want to resolve is : keep a table-layout: fixed property but add a fixed value to the first col <col width="100"> .

If I add a fixed value to the <col> this will have some sort of percent width.(Calendar blocks courses should always have a fixed width, lets say 150px ).

But by using the table-layout:auto the fixed width works. ( but my table looks messed up ).

I want the first <col> to be fixed in width.

Maybe this answer is already here but I cant find it, maybe what I want is not even possible.

Thanks.

Answer 1

You can use tr > :first-child {width:100px;} to select only the first column cells and apply a width or other attribute.