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).

Thanks,
Stephen

----- Original Message ----- From: "4css!!!!" <[EMAIL PROTECTED]> To: "Stevio" <[EMAIL PROTECTED]>; "CSS Discuss" <[email protected]>
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/

Reply via email to