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

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

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

.site {
position:absolute;
left:50%;
top:50%;
width:600px;
height:400px;
margin:-200px 0 0 -300px;
}

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

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

<table width="100%" height="100%">
<tr>
  <td width="100%" height="100%" valign="middle" align="center" style="vertical-align:middle;">
    < блок с сайтом>
  </td>
</tr>
</table>

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

Нестандартный скроллинг

Иногда по особой просьбе дизайнера необходимо сделать нестандартный скроллинг на сайте. Изменение внешнего вида скроллбаров поддерживают только IE и Opera, но только без указания DOCTYPE. Для полной кроссбраузерности с DOCTYPE нужно использовать яваскрипт, например jquery.

На этом сайте показан как работает один из таких скриптов — http://kelvinluck.com/assets/jquery/jScrollPane/examples.html

У Hicon теперь есть блог

Привет мир!

Основная цель нашего блога — это публикация материалов на разные темы, которые в силу определенных причин не могут быть опубликованы в новостях. Через блог мы расскажем вам о том над чем мы сейчас работаем, о видении развития веб-девелопмента, о том какие технологии мы используем и поделимся своим опытом на практических примерах.