471,603 Members | 1,463 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,603 software developers and data experts.

More IE7 max-width oddity: max-width inside table


I encountered a very annoying behaviour of IE7 with max-width on
elements inside a table cell - it seems to be related to the max-width
bugs on list items and floated elements (discussed here in March 07).

<td style="background:red">
<p style="max-width:20em">Hi there Some text some text some text
some text some text some text some text some text some text</p>
<td style="background:yellow">
<p>hi there</p>

Viewing this table in IE7, the text in the max-width paragraph will
correctly be wrapped at 20 em, but the containing table cell still
reserves the horizontal space that would be needed to display the
unwrapped paragraph, until the table expands to the whole viewport width.

Applying the maximum width to the containing element does not work here,
as IE7 (and Safari, AFAIK) does not recognize max-width on table-cells.

Is there any other known solution or workaround?

Thanks for any hint!
Sep 10 '07 #1
0 2897

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

303 posts views Thread by mike420 | last post: by
6 posts views Thread by Markus Dehmann | last post: by
33 posts views Thread by Joerg Schuster | last post: by
116 posts views Thread by Mike MacSween | last post: by
6 posts views Thread by =?Utf-8?B?Q3JhaWc=?= | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.