Solved

Preventing cells from widening

Posted on 2006-10-26
3
175 Views
Last Modified: 2010-04-25
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
Comment
Question by:kenabbott
3 Comments
 
LVL 25

Accepted Solution

by:
Rouchie earned 500 total points
ID: 17812644
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

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

762 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

16 Experts available now in Live!

Get 1:1 Help Now