Basics for making a Firefox div contain contents wider than port

[Alan]

I am frequently doing something like the following:

<div style="width:95 %; padding:10px;ma rgin:5px;">
<table>Conten ts include stuff that won't compress beyond a certain
point.</table>
</div>

In IE6, either mode, as the port shrinks to less than the width of the
table, either through a small screen size or shrinking the browser
window, the right edge of the div maintains its 10px padding with the
table. But in FF, as the port shrinks, the <div> shrinks with it,
leaving the table extending outside the div.

I'm guessing this is an IE non-standards-based feature, but it is
darned useful. Suggestions appreciated... got to be a common issue.
I'm hack-literate... just need to know the trick.

[Rijk van Geijtenbeek]

On Fri, 30 Sep 2005 18:19:51 +0200, Alan <ag*********@ya hoo.com> wrote:

I am frequently doing something like the following:

<div style="width:95 %; padding:10px;ma rgin:5px;">
<table>Conten ts include stuff that won't compress beyond a certain
point.</table>
</div>

In IE6, either mode, as the port shrinks to less than the width of the
table, either through a small screen size or shrinking the browser
window, the right edge of the div maintains its 10px padding with the
table. But in FF, as the port shrinks, the <div> shrinks with it,
leaving the table extending outside the div.

I'm guessing this is an IE non-standards-based feature, but it is
darned useful. Suggestions appreciated... got to be a common issue.
I'm hack-literate... just need to know the trick.

Specify 'min-width' instead of 'width'. This isn't supported by MSIE
though, so you might have to use a hack to give MSIE 6 the 'width'
property and modern browsers the 'min-width' property.

Something like this:

div {
width: 95%;
min-width: 95%;}

html>body div {width: auto;} /* reset 'width' property to automatic for
Opera and FF etc*/

--
Get Opera 8 now! Speed, Security and Simplicity.
http://my.opera.com/Rijk/affiliate/

Rijk van Geijtenbeek

[Alan]

Tx... min-width solved the FF problem, and IE was already fine, since
in effect it imposes a min-width equal to the width of the contents.