table format

Anon

Hello Everyone.

I have data inputted by a user through a form. One section is "details". Anyways I want the details to fit in a table that is only 80% of the page width. But because the user does not put in <br>'s it makes the table much longer than 80% of the width.

This is what I have now:
<table width='80%'>
// print everything here
</table>

Any ideas what I'm doing wrong??
Thanks so much for your time. Any help is greatly appreciated!

rrijnders

<TABLE WIDTH="80%>
 <TR>
  <TD>
  // your stuff here
  </TD>
 </TR>
</TABLE>

As long as you don't have NOWRAP specified in the <TD> tag, the browser should respect you 80% directive and wrap the text inside the table cell.

-- Rich

Anon

Yeah that's what I have already but it doesn't work. Thanks anyways.

rrijnders

Yeah, I hear your pain. It actually depends on the browser to obey the directives you put in the HTML.

I got sick of trying to make these things work in all browsers, but I kind of found a way that works in (so far) 5 browsers. What I do is make the table 100%, but make it two columns wide. The first column would have the stuff that you want only 80% of the page, an the next column has whatever you want on the right (maybe even just a spacer).

<TABLE WIDTH="100%" BORDER="0">
 <TR>

<TD WIDTH="100%">
   Your Main Stuff In Here
  </TD>

  <TD WIDTH="144">
   Spacer or other stuff here
  </TD>

 </TR>
</TABLE>

This seems to work in most browsers, but sometimes for IE I need to put an invisible png or gif file in the second column to make it hold its width.

HTH
-- Rich