Solved

HTML Column Width Issue in both Firefox & IE

Posted on 2008-10-20
3
610 Views
Last Modified: 2013-12-08
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
Comment
Question by:hennessym
3 Comments
 
LVL 4

Expert Comment

by:Jerrod_W
ID: 22761524
Is that your complete code?
0
 
LVL 4

Accepted Solution

by:
tvedtem earned 100 total points
ID: 22761618
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
 
LVL 1

Author Comment

by:hennessym
ID: 22761714
Yep, that's it.  Thanks, tvedtem!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Several part series to implement Internet Explorer 11 Enterprise Mode
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now