Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fixed Width Sidebar in Responsive Design Re: Fixed Width Sidebar in Responsive Design

#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; }