Question

I have a list view with 10 columns and I want each row to be the exact same size.

The problem is that while the 9 columns are made up of 1-2 words, 1 columns can be made up of an unknown amount of words meaning the format of each row will be different, therefore screwing up the view.

I have tried formatting the odd column’s <td> like width=”200″ height=”50″ style=”overflow:scroll” but still, that shows the scrollbars (including on cells which don’t need it) and it is actually still expanding the height to accommodate all text (the scrollbars are visible but not usable)

How to format that cell to be the same for each row?

Answer 1

overflow:auto will only show scroll bars when they are needed

table-layout:fixed will stop your cells resizing

Also overflow-y:scroll;overflow-x:hidden for CSS3 depending what support. I know it works on IE8 and firefox, chrome etc. But these allow you to specify just vertical scroll