Рассмотрим три варианта, как можно разделить текст на 2 колонки. Ведь это оформление оригинальное, и его можно встретить на официальных сайтах, или на тематических, где нужно выставить 2 колонки, чтоб все смотрелось корректно.
Так что бывает такое, что возникает ситуация, когда требуется более интересно или уникальное оформление под текст, то здесь вид на 2 колонки станет отличным предложением.
1. вариант:
Код
<div style="float: left; width: 49%;">Здесь идет левая колонка</div><div style="float: right; width: 49%;">Здесь правая колонка под текст</div><div class="clear">
2. вариант:
Второй способ идет табличным:
При помощи кода текстура разбивается для текста на два столба 2 столбца, где идет вертикальная полоса разделение.
Код
<table border=0 cellpadding=0 cellspacing=10>
<tr>
<td valign=top>Колонка под номером №1</td>
<td width=1 bgcolor=#1d1c1c><img src=1x1.gif width=1 height=1></td>
<td valign=top>Колонка под номером №2</td>
</tr>
</table>
3. вариант:
Третий способ аналогичен второму, но есть небольшое отличие, которое заключается в задание разделительной черты. Но также не нужно забывать, если по второму способу на браузере не корректно отображается, то это отлично смотреться, если говорить про старые браузеры.
Код
<table border=0 cellpadding=0 cellspacing=10>
<tr>
<td valign=top>Пишем текст на левой колонке
</td>
<td width=1 bgcolor=#1b1b23><hr noshade align="center" width="3" size="50"></td>
<td valign=top>Пишем текст на правой колонке
</td>
</tr>
</table>
На этом все, возможно пригодится при оформление сайта.
