Tatsoft.ru (logo)

Подробности

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

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

 

 

Комментарии

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

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

(Комментарий — 5:20 пп, Март 23 )

maxa:

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

(Комментарий — 11:55 пп, Март 23 )

Алексей Мамаев:

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

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

(Комментарий — 12:53 дп, Март 24 )

Руслан Гараев:

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

(Комментарий — 2:25 пп, Апр 25 )

Алексей Мамаев:

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

(Комментарий — 6:54 пп, Апр 25 )

(Комментарий — 9:38 дп, Апр 26 )

Алексей Мамаев:

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

“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).”

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

(Комментарий — 9:55 дп, Апр 26 )

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

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

(Комментарий — 10:46 дп, Апр 26 )

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



Публикации по категориям

Самые читаемые

  • 5,107 прочтений: что такое wordpress (далее)
  • 4,580 прочтений: возможно самый отрицательный подкаст про RoR (далее)
  • 4,342 прочтений: Про нас написали Отцы! :) (далее)
  • 3,785 прочтений: Чем плох MySQL (далее)
  • 3,752 прочтений: 9 ошибок менеджера или почему задерживаются проекты (далее)
  • 3,668 прочтений: Впервые в России конференция в формате BarCamp (далее)
  • 3,192 прочтений: Конференция - взгляд из-за кулис (далее)
  • 2,741 прочтений: Автоматическая система синхронизация файлов между серверами (далее)
  • 2,572 прочтений: Сайт о преподах под прицелом? (далее)
  • 2,269 прочтений: jQuery – Javascript нового поколения (далее)

Добавление в рейтинги

Bobrdobr Memori Google YahooMyWeb Digg Technorati Delicious
количество читателей онлайн и всего Рекомендовать tatsoft.ru в МойКруг.ру

Активные участники

 3 Users Online из них сейчас на сайте

Облако тэгов