Fixed Column on Right, Fluid Column on the Left
By Forrest Smith - Drempd.com
This code produces a 2-column layout, with a fixed column to the right, and a column to the left that fills the remaining space. To change the width of the right column, just adjust anywhere in the code below that has 250px to match whatever width you want (someday we’ll have variables in CSS!).
<style> .left{ float: left; width: 100%; } .left_inner{ background: red; margin-right: 250px; } .right{ background: yellow; width: 250px; float: right; margin-left: -250px; } .clear{ clear: both; } </style> <div class="left"> <div class="left_inner"> Left </div> </div> <div class="right"> Right </div> <div class="clear"></div&g
-
Adventure
-
The Built Environment
-
Locations
-
Web Dev