Best way to have a 2 column site?

[Obspogon]

I want to have a homepage with 2 columns of unequal width but the same height.

[Melooon]

The new school way would be to use flex, although that's designed for sites that have dynamic width.
Which you can read about here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

If you wanna do it the old way you can make both columns float left, then set a fixed width for each (you can also do a % width for dynamic sizing)

Something like: Untested sample code to give an idea, may not directly work! This will create 2 columns that should always be 100% the height of the wrapper, so in theory as the wrapper expands, so will both columns.

Code

<div id="wrapper">
 <div id="col-a"></div>
 <div id="col-b"></div>
</div>

#wrapper {
 width: 700px;
 margin: 0px auto 0px auto;
}

#col-a, #col-b {
 float: left;
 height: 100%;
}

#col-a {
 width: 200px;
}

#col-b {
 width: 500px;
}

[Obspogon]

Used the flex method and it works now. Thanks.

[fLaMEd]

If you wanna do it the old way you can make both columns float left, then set a fixed width for each (you can also do a % width for dynamic sizing)

Scream/Lol, why would you want to do it the old way haha! 

Like going for a run with a weight vest :joy: