02/05/2015
Create an HTML Layout with Fluid and Fixed-Width Columns
There should be no doubt in anyone’s mind that responsive websites are not only the new standard in web design, but also the way of the future. If your website is not responsive by this point, you are really stuck in the past. That being said, with responsive web design comes a host of new issues that typically didn’t present themselves with static, fixed-width web designs of yesteryear.
One of the biggest issues with responsive web design is mixing pixels and percentages. Sure, it’s completely possible, and it’s something I myself do on a day-to-day basis. However, it can get very tricky and cumbersome, especially when trying to do something like have a two column layout in which one column is fixed width, while the other is fluid.
A perfect example of this scenario would be a page that has a content column and a vertical sidebar. You want the text in the content column to shr ...