Многоколоночность на CSS подробнее

[Modex]

В Firefox 15.0.1 в последнем демо заголовок теснится в первой колонке.
Похоже забыли одну строчку дописать :)

[igorr]

Для устаревших браузеров можно применять специальную javascript-библиотеку.

Которая не работает в Opera, так что для наших широт неприменима.

[drunas]

www.liveinternet.ru/stat/ru/browsers.html?period=month&id=20&id=22&id=21&show=%D0%BF%D0%B5%D1%80%D0%B5%D1%81%D1%82%D1%80%D0%BE%D0%B8%D1%82%D1%8C+%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA&per_page=50&report=browsers.html%3Fperiod%3Dmonth — Да всего-то пару миллионов(~3%)

[igorr]

В том то и дело, что данный скрипт ломает в Опере нативную мультиколоночность и лепит все в одну колонку.

[RMV1983]

В Opera 12.16 если элемент, содержащий колонки имеет display:block; то колонки могут отображаться нормально.

[track]

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

Это очень спорное утверждение. Многоколоночность на бумаге имеет скорее прикладной смысл, чем удобство чтения (примерно как в истории с раскладкой QWERTY), на компьютерном экране многоколонная верстка текста имеет больше недостатков, чем достоинств, и ее используют скорее как «имитацию бумаги», из ностальгическихи стилизационных мотивов.

[track]

Обладателям широких мониторов незачем распахивать окно браузера на всю дурь ширину.

У бумажной верстки не было потенциально бесконечного вертикального скролла и колеса мышки, она была ограничена размером буажного листа по вертикали, что и заставляло извращаться (плюс всякие уже редакторские заморочки с размером и объемом авторской колонки). У веб-верстки все это есть, поэтому многоколонность не имеет особого смысла, и создает только неудобства, переходящие в извращения.

[Roler]

Чтоб у вас помещалось полноценное окно браузера, консоль, чат и ещё что-нибудь.

Я как-то у друга пытался почитать форум один с распахнутым браузером на мониторе дюймов за 25.
Шея устала.

[bolk]

Чтобы несколько окон рядом располагать. Вы когда за стол садитесь, тоже газету раскладываете на весь стол?

[Keyten]

Чтобы не тыкать в панель задач (или в док там...) лишний раз

[relgames]

У меня два 21.5" монитора. Текст в две колонки воспринимается нормально только в PDF в альбомной ориентации. На веб-странице, где есть скроллинг, 2 колонки не нужны. Или надо разбивать на страницы (есть шанс не угадать с высотой), либо в одну узкую колонку, которая со скроллингом читается лучше, чем 2 колонки. Многие сайты так и сверстаны — узкая колоная по центру.

[klirichek]

Да уж кучу времени, как НЕ спорное.
Оптимальная ширина колонки — 35-50 символов (полтора алфавита).
Очень важен ровный левый край (чтобы при переносе взгляда с конца одной строки на другую было, за что зацепиться).
При таких условиях даже обычный читатель получает некоторые преимущества скорочтения, а уж владеющий последним вообще будет в своей стихии.

Естественно, при многоколонке важно, чтобы вся колонка целиком по высоте помещалась в поле зрения (по этой причине, например, вертикально свёрстанную книгу в PDF гораздо комфортнее читать на вертикальном экране, либо распечатать).

[vbif]

Колоночная вёрстка хороша, когда низ первой колонки и верх второй помещаются на одном экране. Если же текст большой, тогда либо нужно делать горизонтальную прокрутку (которая обычно работает из рук вон плохо), либо отслеживать размер экрана и динамически разбивать текст на страницы.

[kichik]

На всякий случай оставлю это здесь: habrahabr.ru/company/microsoft/blog/143158/

[madproger]

Если честно, меня бесит мультиколоночная верстка (именно длинный текст) на сайтах… С вероятностью 99% я закрою этот сайт и пойду искать этот же текст в нормальной верстке… пусть лучше это будет длинная простыня в фиксированной верстке на 1024, но читается намного проще и мотать туда сюда меньше и после отвода глаз намного проще найти место где читал…

Лучше бы сделали мультиколонночность в плане layout, чтобы без всяких флоатов и тд делать быстро верстку, чтобы не колдовать с помощью триксов над выравниванием колонок по вертикали и тд и тп…

[dasty]

Небольшой трабл

[vc54]

Блин, как же сейчас просто решается задача… а когда-то давно мы прям измучились, делая такие колонки, но так и не создали идеального кроссбраузерного решения.

[Usmekhaiouschiysia]

Мультиколоночность — это замечательно! Для читалок электрокнижек. В вебе как обычно, мы не знаем, где нижний край экрана и не можем обеспечить правильный постраничный скроллинг. Так что многоколоночность оказывается полезна только для текстов, которые гарантированно влезают в экран.

Иначе — никто не лазал по листу газеты перекинутому в нераспознанный PDF значительно больший ширины экрана? Вот там полный скроллокошмар.

[aps]

Электрокнижки обычно по размерам меньше обычного книжного листа. Многоколонник при таких размерах не улучшает читабельность, а ухудшает.

[Usmekhaiouschiysia]

Обычно может и да, а у меня электрокнижки распахиваются на 37"

[Usmekhaiouschiysia]

100% высоты — это общая высота, а не нижний край, увы. Пользователь проскроллил шапку — и что дальше?

[Usmekhaiouschiysia]

В том и беда, что рассчитывать на пользователя проскроллившего шапку — значит не рассчитывать на пользователя сразу перешедшего к чтению.

И можно придумать over 9000k вариантов, я согласен… на выходе мы получим к сожалению охват 1/9000 пользователей.

[Usmekhaiouschiysia]

Да, и я об этом написал три поста назад :)

[Usmekhaiouschiysia]

Мне тоже нравится этот вариант, но увы, до него браузерам ещё расти и менять версии.

[Usmekhaiouschiysia]

Скрипты для колонок?! Бррр, сделайте меня развидеть это. Если можно обойтись без скриптов — стоит без них обойтись.

[Usmekhaiouschiysia]

Это да, но лучше до такого не доводить.

[modernstyle]

Один минус — если указано количество колонок — их полюбому будет столько, сколько указано. У меня была задача где вторая колонка появлялась по мере заполнения контентом (иначе — одна), так хотелось использовать эту новинку, но увы!

[mr_jok]

1) IMHO, многоколоночность НУЖНА только для оформления стихов
2) Во всех остальных случаев — ПО ВЫБОРУ пользователя
3) А есть всё-таки корректное решение для «старых» браузеров?

[evnuh]

1) Для стихотворений? Многоколоночность? Как раз именно-то и стихотворения никогда не печатаются в несколько колонок. Во всех книгах стихотворения напечатаны в один столбец посередине страницы.
2) По-выбору? Давайте у пользователя перед заходом на сайт спрашивать: «Вам как, в одну колонку или несколько? Хорошо, вам адаптивную верстку или нет? Окей, вам картинки отключить или показать?»