Simple 3 columns

2 side columns of static width and one center column adjusts to the available space

by Amando Filipe

HTML

<div class="container">
    <div class="pull-left side">
        <div class="inner">
            <div class="content">
            sssss</div>
        </div>
    </div>
    <div class="pull-left main">
        <div class="inner">
            <div class="content">
            sssss</div>
        </div>
    </div>
    <div class="pull-left side">
        <div class="inner">
            <div class="content">
            sssss</div>
        </div>
    </div>
</div>

CSS

.pull-left{
    float:left;
}

.container{
    width:80%;
    max-width:960px;
    margin:0 auto;
}

.side{
    width:150px;
    height:300px;
}

.main{
    width: calc(100% - 300px);
    min-width:150px;
    height:300px;
}

.inner{
    padding:5px;
    height:100%;
}

.content{
    
    background:#ddd;
    padding:5px;
    height:100%;
}