Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="google" value="notranslate">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

        <style>
            #content-table {
                height: 100%;
                width: 100%;
                display: table;
            }

            body {
                margin: 0;
                background: #002845;
                font-family: Arial;
                font-stretch:condensed;
            }
            #content {
                padding: 20px;
                border: solid #09476f;
                border-width: 2px 2px 2px 0;
                border-radius: 11px;
                margin: 0 10px 0 0;
                background: #fff;
                position: relative;
                overflow: auto;
            }
            @media (min-width: 1200px) {
                #sidebar {
                    height: calc(100vh - 20px);
                }

                #content {
                    height: calc(100vh - 20px);
                }
            }
            #content {
                background: white no-repeat center;
            }

            #columns {
                height: 100%;
                -webkit-column-width: 375px;
                -webkit-column-gap: 60px;
                -webkit-column-rule-width: 0;
                -moz-column-width: 375px;
                -moz-column-gap: 60px;
                -moz-column-rule-width: 0;
                column-width: 375px;
                column-gap: 60px;
                column-rule-width: 0;
                padding: 20px 33px;
                overflow: hidden;
            }

            h3 {
                font-weight: bold;
                text-align: center;
                color: #1d77b5;
                font-size: 18pt;
                text-transform: uppercase;
            }

        </style>
    </head>
    <body>

        <div class="container-fluid" style="margin: 10px 0 10px 10px;">
            <div class="row">
                <div class="col-lg-3 nopadding">
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                    <p>blablabla</p>
                </div>
                <div class="col-lg-9 nopadding" style="left: -1px;">
                    <div id="content">                      <!-- this divs width is 912.5 everywhere -->
                        <div id="content-table">            <!-- this divs width is 870 in Chrome and 870.5 in FF and IE -->
                            <div class="content-row">
                                <div id="columns-header">
                                    <h3>BLABLABLA</h3>
                                </div>
                                <div id="columns-box">
                                    <div id="columns" style="-webkit-column-width: 375px; font-size: 16px;">
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                        <p>blablabla</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>