Posts Tagged html

Центрирование сайта

Posted by DEM in Работа on октября 29, 2008

Есть много способов центрирования сайта по вертикали и горизонтали.

Наиболее популярный это способ с отрицательными маргинами:

  1. .site {
  2. position:absolute;
  3. left:50%;
  4. top:50%;
  5. width:600px;
  6. height:400px;
  7. margin:-200px 0 0 -300px;
  8. }

Но на практике такой способ не всегда подходит. Например когда нужно, чтобы был вертикальный скроллинг на сайте.

Тогда на помощь приходит старый способ центрирования в ячейке таблицы:

  1. <table width=“100%” height=“100%”>
  2. <tr>
  3.   <td width=“100%” height=“100%” valign=“middle” align=“center” style=“vertical-align:middle;”>
  4.     < блок с сайтом>
  5.   </td>
  6. </tr>
  7. </table>

Но этот способ наиболее кроссбраузерный без указания DOCTYPE

,

Комментариев нет