固定表格单元格的高度

Question

So, what I want to do is have a list within a cell that has items added to it and after it reaches a certain height, stop it and have a scroll bar appear. How can I create a td with a fixed height? So far I have:

<tr>
  <td valign='top' height="200px" border="1">
    <ul id="travelList" align='left'></ul>
  </td>
</tr>

Answer 1

I would put your <ul> inside a div that has overflow auto and max-height. Like this:

<tr>
  <td valign="top" border="1">
    <div style="overflow:auto;max-height:200px">
      <ul id="travelList" align="left"></ul>
    </div>
  </td>
</tr>

Answer 2

try adding:

style="max-height:200px"

note: not tested, but this is where you'd start, so google CSS max-height to get more detail of how heights work.