DIV that auto-sizes?

[Jim Moe]

Hello,
Is there a way to have a div size itself to the width of its contents?
"width:auto " does not work.
The div contains a UL and I want the div to fit the longest line in the
list. The div is centered.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Spartanicus]

Jim Moe <jm************ ***@sohnen-moe.com> wrote:

Is there a way to have a div size itself to the width of its contents?
The table-cell, inline-block or inline-table values for the display
property would achieve that, browser support varies.
"width:auto " does not work.

It's not supposed to.

--
Spartanicus

[Ali Babba]

Jim Moe wrote:

Hello,
Is there a way to have a div size itself to the width of its contents?
"width:auto " does not work.
The div contains a UL and I want the div to fit the longest line in
the list. The div is centered.

read a few postings back, 26 jan
http://groups-beta.google.com/group/...ab59977f6cd143

could help you

[Richard]

On Sat, 29 Jan 2005 08:19:27 -0700 Jim Moe wrote:

Hello,
Is there a way to have a div size itself to the width of its
contents?
"width:auto " does not work.
The div contains a UL and I want the div to fit the longest line in
the
list. The div is centered.

<div id="one">
<ul>
<li><div id="two"><text> </div></li>
</ul>
</div>

div#one {width:800px;}
div#two {width:100%; text-align:center;}

Division one is the container for your UL.
Division two is set at 100% so it will also be 800px wide.
To indent a little: div#two { margin-left:5%; width:95%;}
To center it div#two {margin-left:5%; margin-right:5% width:90%;}
And of course, div#two {margin:5%; width:90%}

[Steve Pugh]

"Richard" <An*******@127. 001> wrote:

On Sat, 29 Jan 2005 08:19:27 -0700 Jim Moe wrote:

Is there a way to have a div size itself to the width of its
contents?

div#one {width:800px;}

So width: 800px means size itself to the width of the contents? Try to
at least read the question before posting your drivel.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Haines Brown]

Steve Pugh <st***@pugh.net > writes:

"Richard" <An*******@127. 001> wrote:

On Sat, 29 Jan 2005 08:19:27 -0700 Jim Moe wrote:

Is there a way to have a div size itself to the width of its
contents?

So width: 800px means size itself to the width of the contents? Try to
at least read the question before posting your drivel.

But the question remains, and for me is an interesting one, although
in my case, I'd like the div vertical size to adjust itself to the
amount of a fixed-width text, so that if more text is entered, the
vertical size of the div will increase.

--
Haines Brown

[Steve Pugh]

Haines Brown <br****@teufel. hartford-hwp.com> wrote:

Steve Pugh <st***@pugh.net > writes:

"Richard" <An*******@127. 001> wrote:

>On Sat, 29 Jan 2005 08:19:27 -0700 Jim Moe wrote:
>
>> Is there a way to have a div size itself to the width of its
>> contents?

So width: 800px means size itself to the width of the contents? Try to
at least read the question before posting your drivel.

But the question remains,

As other people have said there are several ways to create 'shrink to
fit' blocks in CSS. CSS tables are the best way but IE doesn't support
them. Under CSS 2.1 floats also behave like this but not under CSS 2
(and Mac IE follows the CSS 2 rules).
and for me is an interesting one, although
in my case, I'd like the div vertical size to adjust itself to the
amount of a fixed-width text, so that if more text is entered, the
vertical size of the div will increase.

Um, that's the default.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Ali Babba]

Haines Brown wrote:

Steve Pugh <st***@pugh.net > writes:

"Richard" <An*******@127. 001> wrote:

On Sat, 29 Jan 2005 08:19:27 -0700 Jim Moe wrote:
Is there a way to have a div size itself to the width of its
contents?

So width: 800px means size itself to the width of the contents? Try to
at least read the question before posting your drivel.

But the question remains, and for me is an interesting one, although
in my case, I'd like the div vertical size to adjust itself to the
amount of a fixed-width text, so that if more text is entered, the
vertical size of the div will increase.

is this a jukebox or what ?! apparently it is. as i just said, the
solution was given just 3 days ago. so for the very hesitating or simply
mentally poor, follow the link, and check post #26 (in google numbering)

[Jim Moe]

Spartanicus wrote:

Is there a way to have a div size itself to the width of its contents?

The table-cell, inline-block or inline-table values for the display
property would achieve that, browser support varies.

Only by setting both the div and ul to display:table-cell did the
shrink to fit work. Only now the div completely ignores the margin:auto.
:-( And, of course, it looks differently in IE and Mozilla.

Demo URL: <http://www.sohnen-moe.com/test/test.html>
--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Jim Moe]

Ali Babba wrote:

Is there a way to have a div size itself to the width of its
contents? "width:auto " does not work.
The div contains a UL and I want the div to fit the longest line in
the list. The div is centered.

read a few postings back, 26 jan
http://groups-beta.google.com/group/...ab59977f6cd143

Yes, I saw that. It does not work for a contained UL.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)