• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

Preventing cells from widening

Hi

I have an html page with a table and a number of cells.  The main content table is fixed with at 450 px.  Everything is fine with the layout until I enter text with more than 1 line into this cell - the cell width expands by 50px and also drags the cell above it to the same width.  The same happens however I enter the text - either typing or importing.

The above only happens, however, in Explorer - in Firefox the cells don't expand.

What is happening here... and how can I solve it??

I am using Dreamweaver MX 2004

Many thanks

Ken
0
kenabbott
Asked:
kenabbott
1 Solution
 
RouchieCommented:
By default, tables act like a grid in HTML, meaning that if one cell expands - all the rest will expand too.  Cells will generally only expand if the content is wider than the cell width itself, usually caused by an image (which of course can't wrap).  There are lots of CSS rules that affect wrapping, and without a code sample its difficult to identify the problem.
However, here is a trick you can use to force any content that is too wide to simply scroll inside the cell.  Add this css to your table cell:

  <td style="width:450px; overflow:scroll;">Normal cell content goes here</td>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

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