Архив рубрики ' CSS '

К вопросу о div’ной верстке. Продолжение.

Tuesday, November 20th, 2007

Прошлая статья имела небольшой резонанс, который заключается в ссылке на нее от LifeStyle, а также в нескольких комментариях. Хотел выразить Владимиру благодарность за замечания в комментариях.

Итак, продолжим. (more…)

К вопросу о divной верстке

Tuesday, November 13th, 2007

По моему мнению, люди начинают верстать div’ми в трех случаях:

  • когда заказчик / работодатель от них этого требует
  • сами профессионально вырастают до этого
  • следуют “моде”, верстать div’ми “модно”

И переход с табличной верстки на div’ную может быть резким - всегда пользовались табличной версткой, а тут начальство/обстоятельства заставляют делать проект используя div’ную верстку. Может быть постепенным, верстаете таблицами, но начинаете использовать семантику элементов. Обычно, резкий переход намного сложнее чем постепенный.

Я хотел бы рассмотреть несколько примеров, которые помогли бы тем, кто работает с табличной версткой использовать семантику html элементов. В качестве примеров буду брать код из одного реального проекта и покажу чем существующий код плохой и как его можно исправить.

Приступим. (more…)

Опять про css выравнивание

Wednesday, October 24th, 2007

Про вертикальное выравнивание я уже писал, можно почитать тут и тут. Написать снова меня натолкнула статья Артема Курапова - Element alignment.

Выравнивание - стандартная задача для CSS. Ее можно разбить на три:

  1. Выравнивание строковых элементов
  2. Выравнивание блочных элементов
  3. Выравнивание блочных элементов вертикально

(more…)

CSS min-height быстрый хак

Friday, October 5th, 2007

Нашел очень элегантное и простое решение проблемы min-height в IE 6 (когда же им перестанут пользоваться?). Начиная с IE 7 beta 2 включили поддержку браузером свойств min-height, min-width, max-height, max-width (полный список CSS изменений можно посмотреть здесь)

CSS:
  1. #element {
  2.   min-height:400px;
  3.   height:auto !important;
  4.   height:400px;
  5. }

Решение было найдено у Dustin Diaz

CSS фильтры

Monday, June 4th, 2007

Тем, кто не использует условные комментарии в CSS, будет очень полезна таблица, представленная на сайте centricle.com. В ней описано, какой фильтр для какого браузера будет работать. Выглядит она следующим образом.

css filters

И собственно ссылка на нее