ansaurus

Question

HTML table is bigger than the browser's window

Answer 1

+1 A:

I just threw this into my browser (tried both IE8 and Firefox). It stayed well within the Browser window:

<html>
 <body>
  <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>
  </table>
 </body>
</html>

Otherwise you might want to try tricks like width: 100% or margin: 0 auto; on the table.

Zyphrax 2009-07-18 10:59:15

Answer 2

+3 A:

Your example definitely behaves well as Zyphrax says.

The problem you report can only happen if, in the long column, there is a word which is very large or the content has no whitespace in it. Is that the case? May be you are using   instead of spaces, and it is preventing the normal wrap that browsers do automatically.

If the text in the column is not wrapping at all, mostly you are using   or you forgot to close a <nobr> somewhere.

Not sure if that helps.

Narayan Raman 2009-07-18 11:17:57

You're right. One of my rows had a huge "word" (no spaces). I hadn't seen that, since it was far down in my table. Thanks!

ionut bizau 2009-07-18 12:48:04

Answer 3

+1 A:

You shouldn't be using the nobr tag, it is not a valid HTML tag. Use "white-space: nowrap" CSS instead.

eg.

<td style="white-space:nowrap">your long text</td>

Dan Diplo 2009-07-19 14:27:57

ansaurus

tags:

views:

answers:

HTML table is bigger than the browser's window

related questions