Верстка колоночного дизайна

Март 22, 2007 9:41 пп автор Alexey Mamaev  |  Рубрики: Дизайн, языки разметки  |  Метки: No Tags  

alistapart columns designСегодня обнаружил довольно интересные способы верстки колоночного дизайна. Их много разных конечно уже, но представленные способы решают проблему верстки колонок одинаковой высоты практически без применения IE “хаков” и других “некрасивых” методов. Применил к текущему дизайну tatsoft.ru схему “Liquid layouts” для двух колонок (несмотря на названия, правая колонка фиксирована) - вроде работает :) Багрепорты принимаются.

 

 

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4.5 out of 5)
Loading ... Loading ...

Добавить комментарий »

Олег Курносов:

Интересная статья, полный перевод ее еще бы было бы здорово иметь. Самое интересное, что мало кода, и реально уже работает на сайте
Сообщества разработчиков Татарстана в сфере ИТ. Модно и оперативно, спасибо нашему гуру дизайна за проявленную инициативу и поддержку.

( Comment от Олег Курносов — Март 23, 2007 @ 5:20 пп )
maxa:

В опере 8.53 длинный блок кода (PRE CODE) залезает на правую колонку пикселей на 20.. - видимо не срабатывает “overflow-x: auto;”… Кстати, overflow-x и overflow-y вообще поддерживаются оперой?

( Comment от maxa — Март 23, 2007 @ 11:55 пп )
Алексей Мамаев:

О, спасибо, попробую исправить.

Попробовал счас на этот overflow-x, overflow-y в опере посмотреть:
Opera - Версия 9.10 - Сборка 8679 такие правила видимо не поддерживает. Но поддерживает просто overflow: auto. Вот. Радует, что хоть IE ведет себя в этой ситуации более менее предсказуемо.

( Comment от Алексей Мамаев — Март 24, 2007 @ 12:53 дп )
Руслан Гараев:

интеесный проект.. хотелось бы, чтобы все было на высшем уровне..
когда перейдем на валидный код? )

( Comment от Руслан Гараев — Апрель 25, 2007 @ 2:25 пп )
Алексей Мамаев:

А ты про какой проект?

( Comment от Алексей Мамаев — Апрель 25, 2007 @ 6:54 пп )
( Comment от Руслан Гараев — Апрель 26, 2007 @ 9:38 дп )
Алексей Мамаев:

Ааа… да, проект интересный, хотелось бы, чтоб он жил и развивался. А для этого просто необходимы хорошие статьи хороших авторов, а таких у нас в участниках много. Так что, будем развиваться и править код. Сейчас татсофт не проходит валидацию, пишет:

“Sorry! This document can not be checked.
Sorry, I am unable to validate this document because on line 1023, 1026 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding).”

Будем исправляться :)

( Comment от Алексей Мамаев — Апрель 26, 2007 @ 9:55 дп )
Олег Курносов:

Руслан, спасибо за замечание. Рады видеть внимательных W3C-поклонников-кодеров в наших рядах!

( Comment от Олег Курносов — Апрель 26, 2007 @ 10:46 дп )

Оставить комментарий