Table/Div: want max width but no minimum

[HoustonFreeways]

I want to be able to set a maximum width on a block of text - say 600
pixels.

If the browser is larger, the text area is 600 pixels wide.

If the browser size is smaller than 600 pixels, I want the text area to
dynamically resize to the browser width and I don't want a scrollbar. This
is the behavior you get if you set table width to 100%, but of course if you
do that then there is no 600 pixel limit on the width. Setting table width
to 600px or DIV width to 600px causes scrollbar behavior when the browser is
less than 600 px wide.

I've experimented with tables and DIV blocks (overflow style), but no luck.

The reason I want this is for pop-up help screens.

Can this be done?

 

[Jim Roberts]

I want to be able to set a maximum width on a block of text - say 600
pixels.

If the browser is larger, the text area is 600 pixels wide.

If the browser size is smaller than 600 pixels, I want the text area to
dynamically resize to the browser width and I don't want a scrollbar. This
is the behavior you get if you set table width to 100%, but of course if you
do that then there is no 600 pixel limit on the width. Setting table width
to 600px or DIV width to 600px causes scrollbar behavior when the browser is
less than 600 px wide.

in your stylesheet:

#div.content {
max-width: 600px;
}

html:
<div class="content">
...
</div>

Regards,
Jim Roberts

 

[Jim Roberts]

in your stylesheet:

#div.content {
max-width: 600px;
}

html:
<div class="content">
...
</div>

Regards,
Jim Roberts

unfortunately, I just discovered that this doesn't work in IE. But there is
a work around: http://www.svendtofte.com/code/max_width_in_ie/

I hate IE more everyday...

regards, Jim

 

[Kris]

I want to be able to set a maximum width on a block of text - say 600
pixels.

Max. width in IE.
<http://www.svendtofte.com/code/max_width_in_ie/>

 

[HoustonFreeways]

Thanks guys for the link. The max-width style is exactly what I'm looking
for, and that workaround should get the job done until Microsoft implements
it.

 

[Barry Pearson]

I want to be able to set a maximum width on a block of text - say 600
pixels.

[snip]

The simplest workaround I know is to use a single-cell table. Set "width" (not
max-width) on the cell (not the table).

<table>
<tr>
<td id="cell">Content here</td>
</tr>
</table>

#cell {
width: 400px;
}

The HTML (4.01 Strict) & CSS validate at W3C.

 

[Weyoun the gowd damn Dominion Vorta who certainly]

HoustonFreeways wrote:

should get the job done until Microsoft implements

you mean "if" and not "until"