Nested max-width and min-width divs

Vote count:

0

I am trying to create the following layout.

I am trying to make yellow and red block fluid, while keeping the green and blue block max-width. See this fiddle.

When I try to expand the screen size green block cuts from rest of layout.

When I try to reduce the screen size the yellow block comes downs.

HTML code

<div id="sidebar">
</div>
<div id="content">
    <div id="block1">
    </div>
    <div id="block2">
    </div>
</div>

asked 2 mins ago

Manu K Mohan

158

Nested max-width and min-width divs