<style type="text/css"> #table0 { display: table; width: 100%; text-align: center; } #table1 { display: table; width: 100%; text-align: center; } #table2 { display: table; width: 100%; text-align: center; } .row {display: table-row;} .cell0 {display: table-cell; width: 100%; text-align: center;} .cell { display: table-cell; border-width: 1px;  border-color: black;  border-style: solid; } .cell1, .cell3 { display: table-cell;  width: 20%;  } .cell2 { display: table-cell;  width: 60%; } #zagh1 { // Все настройки заголовка h1 } #zagh2 { // Все настройки заголовка h2 } </style> <!--Верх, а-ля объявление, сюда можно ставить различные слайдеры-->  <div id="table0"> <div class="row">  <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1>  Сюда вставляем слайдеры и любую инфу  </div> </div> </div> <!--Заголовок основной таблицы--> <div id="table0">  <div class="row">   <div class="cell0"><h1 id="zagh1">Заголовок/Основная таблица</h1></div>  </div> </div> <!--Основная таблица:-->  <div id="table1"> <!--Заголовки блоков--> <div class="row">  <span class="cell1"><h1 id="zagh1">Блок левый</h1></span>  <span class="cell2"><h1 id="zagh1">Новости</h1></span>  <span class="cell3"><h1 id="zagh1">Блок правый</h1></span> </div> <!--Левый блок:--> <div class="row">   <span class="cell1">     <div id="table">   <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок1</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>      <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок2</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок3</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок4</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок5</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div> </div>   </span> <!--Центр:-->    <span class="cell2">      <div id="table2">    <div class="row">         <span class="cell0"> Новостной блок </span>        </div>  </div>   </span>  <!--Правый блок:-->   <span class="cell3">    <div id="table">   <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок1</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>      <div class="row">         <div class="cell"><h2 id="zagh2">Заголовок2</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок3</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок4</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>   <div class="row">        <div class="cell"><h2 id="zagh2">Заголовок5</h2>         Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..        </div>        </div>    </div>   </span> </div> </div> <!--Самый низ а-ля футер:--> <div id="table0"> <div class="row">  <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1>  Сюда вставляем слайдеры и любую инфу  </div> </div> </div>