HTML Column Width Issue in both Firefox & IE

Posted on 2008-10-20
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">
		<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>		

Open in new window

Question by:hennessym
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

ID: 22761524
Is that your complete code?

Accepted Solution

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">
  <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>

Open in new window


Author Comment

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

Featured Post

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

623 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