Дивная верска в две колонки
Для тех, кто еще не догадался - “дивная верстка” это не от слова “диво”, а от элемента <div>. Тем кто не особо любит верстать с помощью div хочу посоветовать не забрасывать это дело, ибо когда IE станет поддерживать CSS2 и CSS3 с помощью только одних дивов и стилей можно будет творить большие вещи.
А сейчас я хочу показать пример того, как можно легко сделать двухколоночный сайт с помощью дивов.
Итак создаем такую структуру:
<div id=”main”>
<div id=”menu”>Some Content</div>
<div id=”content”>Some content</div>
<div style=”clear:both”></div>
</div>
Теперь с помощью стилей определяем:
div#menu {
float:left;
width:200px;
overflow:hidden;
}
div#content {
margin-left:210px;
}
Согласен, здесь нет ничего сложного и военного, но многие могут упустить из виду параметр отсупа для блока “content”. Если этого не сделать, то содержимое этого блока будет снизу заходить на свободное место под блок “menu”. И еще одна особенность див внизу со свойством “clear:both;” - в действительности очень нужная вещь, если его не поставить, то все дивы на странице могут съехать непонятным образом.