Реализация многоколоночной верстки

Предположим, что медиазапросу, предназначенному для широкоэкранных мониторов, у нас соответствует таблица стилей main_wide.css. Откроем ее в Dreamweaver и найдем код, создающий именованный стиль main. Добавим в него следующий атрибут стиля:

column-width: 200px;

Этого, в принципе, хватит, чтобы реализовать многоколоночную верстку. При желании можно добавить атрибуты стиля, задающие параметры просвета и разделителей; сделаем это самостоятельно.

Точно такой же код нам потребуется вставить в определение именованного стиля

main2.

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

вую версию Microsoft Internet Explorer 10 с именем Platform Preview и номером вер-

сии 1 или 2. Загрузить ее можно по интернет-адресу http://ie.microsoft.com/ testdrive/Info/Downloads/Default.html.

Internet Explorer 10 Platform Preview не заменяет версию Internet Explorer, уже при-

сутствующую в системе, а устанавливается отдельно от нее. При этом в меню Пуск появится ярлык, с помощью которого ее можно будет запустить.

Чтобы открыть Web-страницу в Internet Explorer 10 Platform Preview, следует вы-

брать пункт Open меню Page или нажать комбинацию клавиш <Ctrl>+<O>. На эк-