[css-d] Expanding container div

[Kim Brooks Wei]

I thought my container div [#artbody] would expand only to fit the 
content occupying it, but it expands to fill a much larger area. What 
can I do to make it function as I want it to?

-- 
 Kim Brooks Wei
   201.475.1854
   http://thewei.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Expanding container div w/url

[Kim Brooks Wei]

I thought my container div [#artbody] would expand only to fit the 
content occupying it, but it expands to fill a much larger area. What 
can I do to make it function as I want it to?

http://thewei.com/china/zodiac.php

-- 
 Kim Brooks Wei
   201.475.1854
   http://thewei.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expanding container div w/url

[Philippe Wittenbergh]

On Jan 21, 2008, at 10:31 AM, Kim Brooks Wei wrote:

> I thought my container div [#artbody] would expand only to fit the
> content occupying it, but it expands to fill a much larger area. What
> can I do to make it function as I want it to?
>
> http://thewei.com/china/zodiac.php

What do you mean ?
The div is explicitly set to be 100% wide (that is, as wide as the  
parent block element, in this case ). It does that, correctly.
And it is as tall as all the content inside of it: a , a ,  
a  and a .

Note that in a decent browser, the margin-top on the  is  
collapsing through the #artbody div. This doesn't happen in  
iExploder, as #artbody has 'layout'.

Philippe
---
Philippe Wittenbergh






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expanding container div w/url

[Philippe Wittenbergh]

On Jan 21, 2008, at 3:08 PM, Kim Brooks Wei wrote:

>> What do you mean ?
>> The div is explicitly set to be 100% wide (that is, as wide as the
>> parent block element, in this case ). It does that, correctly.
>
> Philippe, the div expands to the body width whether I set the width  
> to 100% or not. The width is now not specified and the same thing  
> happens.
That is normal and the default behaviour for a block level element.


I suspect that what you want is for the div to be as wide as its  
content, behaving like a table would do: shrink-wrapping. That div  
won't do that be itself, though. Without declaring a width:
You could set it to 'display:table':
#artbody {display:table;}
but that won't work in iExploder.
Or you could float it, but then it won't centre.

Or you could declare a width on it, but no 100%. e.g
#artbody {width: 50em; margin:auto;}

>> #artbody has 'layout'
>>
>
> I'm sorry, I didn't get this reference.



Philippe
---
Philippe Wittenbergh






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Expanding container div w/url

[Kim Brooks Wei]

At 12:19 PM +0900 1/21/08, Philippe Wittenbergh wrote:
>  > http://thewei.com/china/zodiac.php
>
>What do you mean ?
>The div is explicitly set to be 100% wide (that is, as wide as the
>parent block element, in this case ). It does that, correctly.

Philippe, the div expands to the body width whether I set the width 
to 100% or not. The width is now not specified and the same thing 
happens.

>#artbody has 'layout'

I'm sorry, I didn't get this reference.

-- 
 Kim Brooks Wei
   201.475.1854
   http://thewei.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/