Fixed / Fluid / Fixed / Fixed / Fixed

by helpinspireme

HTML

<div class="content-wrapper">
<div class="center-column">
center
</div>
</div>

<div class="left-column">
left
</div>

<div class="right-column">
right
</div>

<div class="right-column-2">
fds fds f dsga sfg fsg asfg dsag sfa gfsa gs agf s gsfa gas fgsaf gs fg asgsa 
</div>

<div class="right-column-3">
fds fds f dsga sfg fsg asfg dsag sfa gfsa gs agf s gsfa gas fgsaf gs fg asgsa fds fds f dsga sfg fsg asfg dsag sfa gfsa gs agf s gsfa gas fgsaf gs fg asgsa 
</div>

CSS

.content-wrapper{
float: left;
width: 100%;
}

.center-column{
margin: 0 300px 0 230px;
}

.left-column{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
background: #C8FC98;
}

.right-column{
float: left;
width: 100px; /*Width of right column*/
margin-left: -300px; /*Set left marginto -(RightColumnWidth)*/
background: #FDE95E;
}

.right-column-2{
float: left;
width: 100px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
background: blue;
}

.right-column-3{
float: left;
width: 100px; /*Width of right column*/
margin-left: -100px; /*Set left marginto -(RightColumnWidth)*/
background: red;
}