From: "Stevio" <[EMAIL PROTECTED]>
>It seems like the simplest solution is the following:
>.col1 {
> width: 50%;
> float: left;
>}
>.col2 {
> width: 50%;
> float: left;
>}
>
><div class="col1">Content</div>
><div class="col2">Content</div>
>
>How do I stop col2 wrapping below col1 however when the browser window is
>shrunk down in size? (Has to work in IE).
Set the widths to less than 50% to accomplish this, perhaps 49% each. Be aware
that if you add margins, padding or borders to the column div elements, you may
need to make the percentage you use for the width smaller to keep the second
column from wrapping.
Hope that helps,
~holly
>
>Thanks,
>Stephen
>
>----- Original Message -----
>From: "4css!!!!" <[EMAIL PROTECTED]>
>To: "Stevio" <[EMAIL PROTECTED]>; "CSS Discuss"
><css-d@lists.css-discuss.org>
>Sent: Friday, August 26, 2005 10:34 PM
>Subject: Re: [css-d] Simple two columns
>
>
>> Hi Stephen
>>
>>
>>> How do I go about making two simple columns to sit side by side to each
>>> other using CSS?
>>
>> If you go to this link on the css-d site, you will find some two column
>> layouts, maybe one of these will help you out?
>> http://css-discuss.incutio.com/?page=TwoColumnLayouts
>>
>> More links for layouts
>> http://css-discuss.incutio.com/
>>
>> hth!
>>
>> 4~CSS!!! aka Deb
>> http://directory.css-styling.com
>> http://fmsforum.debsplace.org
>> A site in progress:
>> http://debsplace.org
>>
>>
>>
>>
>>
>
>
>
>--
>No virus found in this outgoing message.
>Checked by AVG Anti-Virus.
>Version: 7.0.344 / Virus Database: 267.10.17/84 - Release Date: 29/08/2005
>
>______________________________________________________________________
>css-discuss [EMAIL PROTECTED]
>http://www.css-discuss.org/mailman/listinfo/css-d
>List wiki/FAQ -- http://css-discuss.incutio.com/
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
