Brian.
A DIV is considered a block element and so typically its content
flows to fill the size of the DIVs specified width rather than the
other way around. A DIV will expand its height to fit the text
inserted.
What you could do is set the widths of the DIVS to percentages this
would allow them expand and fill the browser window.
Another thing you can experiment with although I have not done it
personally is use "em"' for widths as they are proportional to the
screen size and content as well.
Hope this gives you some places to start. For further assistance
perhaps you can post a sample pages and css so we can see what you
are trying to do.
--
Daniel
On 05 16, 06, at 11:14 PM, Brian Jones wrote:
>> The best way to do this would be to "float" each div inside your
>> container.
>> This will allow them to line up horizontally. The CSS may look
>> like this.
>>
>> #Box1 {
>> float: left;
>> width: xxx;
>> }
>> #Box2 {
>> float: left;
>> width: xxx;
>> }
>> #Box3 {
>> float: left;
>> width: xxx;
>> }
>> #Box4 {
>> float: left;
>> width: xxx;
>> }
>> #Box5 {
>> float: left;
>> width: xxx;
>> }
>
> Hi,
>
> When using this css for each div, how can I make it so that the divs
> expand with the size of the text
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
