HTML table is bigger than the browser's window
I have something like this:

    <table>
      <tr>
        <td><nobr>hello</nobr></td>
        <td>this column can contain a lot of text, for some rows</td>
        <td><nobr>world</nobr></td>
        <td><nobr>hello world</nobr></td>
      </tr>
      ... more rows to come
    </table>

Basically 3 of the columns have very short text, and I want them to be <nobr>. The other one can have very long text, and I want it to take all the remaining space. But what happens is that the table gets bigger than the whole browser window to accommodate the big column. If the text is *really* big it will eventually break, but it still gets quite a bit outside the window.

I tried setting width, max-width, but no luck. What am I doing wrong?
HTML table is bigger than the browser's window
===

I have something like this:

    <table>
      <tr>
        <td><nobr>hello</nobr></td>
        <td>this column can contain a lot of text, for some rows</td>
        <td><nobr>world</nobr></td>
        <td><nobr>hello world</nobr></td>
      </tr>
      ... more rows to come
    </table>

Basically 3 of the columns have very short text, and I want them to be <nobr>. The other one can have very long text, and I want it to take all the remaining space. But what happens is that the table gets bigger than the whole browser window to accommodate the big column. If the text is *really* big it will eventually break, but it still gets quite a bit outside the window.

I tried setting width, max-width, but no luck. What am I doing wrong?