<style type="text/css">
                    html,
                    body {
                        height: 100%;
                        margin: 0;
                    }
                  
                    body {
                        min-width: 550px;
                    }
                  
                    .col {
                        float: left;
                    }
                  
                    #main {
                        width: 100%;
                        height: 100%;
                        background-color: #ccc;
                    }
                  
                    #main-wrap {
                        margin: 0 190px 0 190px;
                    }
                  
                    #left {
                        width: 190px;
                        height: 100%;
                        background-color: #0000ff;
                        margin-left: -100%;
                    }
                  
                    #right {
                        width: 190px;
                        height: 100%;
                        background-color: #ff0000;
                        margin-left: -190px;
                    }
                  </style>
                  <body>
                    <div id="main" class="col">
                        <div id="main-wrap">
                            this is center
                        </div>
                    </div>
                    <div id="left" class="col">
                        this is left
                    </div>
                    <div id="right" class="col">
                        this is right
                    </div>
                  </body>
this is left