Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 621
  • Last Modified:

HTML Column Width Issue in both Firefox & IE

This should be an easy one. When there's a LOT of text to display, the column widths expand out horizontally and the user must scroll way across the screen.  Any suggestions?
<table border="1" width="100%" cellpadding="3" cellspacing="0">
	<tr>
		<td width = "20%"><b>Field1</b></td>
		<td width = "20%"><b>Field2</b></td>
		<td width = "20%"><b>Field3</b></td>
		<td width = "30%"><b>Field4</b></td>
		<td width = "10%"><b>Field5</b></td>		
	</tr>

Open in new window

0
hennessym
Asked:
hennessym
1 Solution
 
Jerrod_WCommented:
Is that your complete code?
0
 
tvedtemCommented:
It should be OK - unless your problem is that each value is not wrappable (e.g. very long words.. ?)
 e.g. This is a problem because fields 3 and 5 can't be wrapped.  Field 4, though long, wraps OK.
 

<table border="1" width="100%" cellpadding="3" cellspacing="0">
 <tr>
  <td width = "20%"><b>Field1</b></td>
  <td width = "20%"><b>Field2</b></td>
  <td width = "20%"><b>Field3Field3Field3Field3Field3Field3Field3Field3Field3Field3</b></td>
  <td width = "30%"><b>FiField4Field4Field4Field4Fi eld4Field4Field4Fie ld4Field4Field4Field4Field4eld4</b></td>
  <td width = "10%"><b>Field5Field5Field5Field5</b></td>
 </tr>
</table>

Open in new window

0
 
hennessymAuthor Commented:
Yep, that's it.  Thanks, tvedtem!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now