Home › Forums › CSS › Fixed Width Sidebar in Responsive Design › Re: Fixed Width Sidebar in Responsive Design
April 19, 2013 at 2:57 am
#132400
bah2002us
Participant
2 sidebars fixed and main area fluid.
**HTML**
<aside class="fixd2">Fixed 1</aside>
<aside class="fixd1">Fixed 2</aside>
<main class="main">
<section>
<article>The rest of the space</article>
</section>
</main>
**CSS**
aside, section, main, article { display: block; }
.fixd1 { width: 200px; float: left; background: orange; }
.fixd2 { width: 200px; float: right; background: yellow; }
.main{ background: red; margin: 0px 200px 0px 200px; }