CSS center page with left and right columns
<div id="page"></div>
<div id="left-column"></div>
<div id="right-column"></div>

<div id="wrapper">
    <div id="left-column">left column</div>
    <div id="page">page</div>
    <div id="right-column">right clomumn</div>
</div>

#wrapper
{
    width: 100%;
    display: table;
 }

#right-column {
        width: 15%;
        height: 500px;
}
#page{
        width: 70%;
        height: 500px;
}
#left-colum {
        width: 15%;
        height: 500px;
}

#right-column,
#left-column,
#page
{
    display: table-cell;
}

#wrapper {
        display: table;
}
#right-coloumn {
        width: 15%;
        height: 500px;
}
#page{
        width: 70%;
        height: 500px;
}
#left-coloum {
        width: 15%;
        height: 500px;
}

body {position:relative;margin:0;padding:0;}
#page {margin:0 200px;;background:red;}
#left-column {width:200px;position:absolute;top:0;left:0;background:green;}
#right-column {width:200px;position:absolute;top:0;right:0;background:blue;}