Vertical Text Абсолютное позиционирование и колонки равной высоты
Самым простым, эффективным и надежным решением по созданию вертикально расположенного текса, является графика.
В первую очередь не последнюю роль играет качество текста и минимальные погрешности его визуального представления в различных браузерах.
Но...
Если наш текст будет на любой подложке (прозрачная, градиент или однотонная заливка), то при отключенной графике, линк на доступ к спрятанной закладке отданный, как background:url(…), а это подразумевалось при создании данной конструкции, отсутствует.
Также, проблема цвета текста под основной фон, если используется прозрачность, необходимо корректировать и его.
Все это требует работы в графических редакторах, что в некоторых случаях по каким-то причинам невозможно или нет необходимого практического навыка.
Плюс/минус время.
Тут и пригодится возможность только средствами html и css добиться нужного результата.
Способ не универсальный.
Проблемы разночтений в зоопарке браузеров достаточно велики и очевидны, но иногда...
Без пояснений, что, как и зачем.
Смотрим, забираем, пользуемся.
В любой сфере деятельности, а будем говорить применительно к web-верстке, встречаются побочные эффекты. Собственно, в этом нет ничего необычного. Все в основном сводится к правке косяков и кривостей в тех или иных браузерах.
Другое дело, что иногда, минусы побочных эффектов можно обратить и в свою пользу, даже отказавшись от устоявшихся, укоренившихся подходов к решению тех или иных проблем.
Очень часто верстальщики, как начинающие, так и профессионалы для создания иллюзии одинаковой высоты колонок центральной части макета используют стилевые правила:
margin-bottom:-32767px;padding-bottom:32767px;
Побочные эффекты разметки на их основе давно известны:
Если два первых пункта при грамотной реализации и не больших издержках в виде лишних контейнеров для прорисовки нижнего border’a не являются непреодолимыми, то проблема работы меток-якорей решения на сегодняшний день не имеет.
Предлагаемая вам разметка практически полностью лишена перечисленных недостатков, за исключением дополнительных блоков.
Чисто технические сложности при переходе от фиксированного макета к полу-резине или полностью резиновому шаблону, связанные с абсолютным позиционированием и процентными величинами, чуть все усложняет в таблице стилей, не более того.