Рубрика «Рабочие заметки»

4
1 2 3 4 5 6 7 8 9 10

Как прижать футер к низу страницы (руководство к действию)

26 сентября 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Мой любимый рецепт, которым я пользуюсь, как бы не соврать, лет пять. Абсолютно кроссбраузерный. Краткое изложение рецепта: (далее…)

66 комментариев »

Глюки и хаки: ie7 (2)

12 сентября 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Ie7 озадачил меня новым глюком. Похоже, что он в странных отношениях со свойством min-height. На сей раз глюк вылез при обтекании картинки текстом, состоящим из абзацев — в ie7 первый абзац стоял столбом и обтекать картинку не желал:

Глюк ие7

Методом последовательного исключения обнаружилось, что глюк вызывает правило, задающее минимальную высоту абзацам:

#content p{
  min-height:1.2em;
}

(Зачем? Чтобы пустые строки не схлопывались. Мне не нужно, заказчику нужно).

Пришлось специально для седьмого ие сделать min-height:auto, остальное пусть будет на совести его разработчиков. Абзацы встали на место:

Глюк ие7

Старый полуслепой ИЕ6 таких фортелей не выкидывал. Он был инвалидом, но у его глюков была человеческая логика.

1 отзыв »

Универсальный селектор

11 апреля 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

6. Твой CSS начинается со строчек * {padding:0; margin:0;}

«16 признаков крутого верстальщика», Максим Покровский

Символ * в css называется универсальным селектором (universal selector). Универсальность состоит в том, что он означает любой элемент: правило, которое начинается с этого селектора, относится ко всем элементам страницы.

Какие объявления стоит и какие не стоит указывать в этом правиле? Например, полезны те, которые приведены в эпиграфе:

*{
margin:0; 
padding:0;
}

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

15 комментариев »

Глюки и хаки: ie7

28 февраля 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

IE7 «порадовал» меня необъяснимым глюком. Без видимой причины вдруг пункты в нумерованном списке (ol) стали нумероваться одним и тем же первым номером. Видимой причины такого поведения не было, пришлось искать методом исключения. Причина нашлась, и выглядела она так:

li{
  min-height:1.2em;
}

Это правило потребовалось для Фаерфокса, который «схлопывает» пустые строки в списке (только номера друг на друга наезжают). Предполагалось, что администратор сайта имеет право делать в списке пустые пункты, значит, должны быть пустые строки. С номерами. Пустые строки появились, а седьмой ИЕ перестал нумеровать список. Пришлось написать хак специально для него, родимого:

li{
  min-height:auto;
}

Надо сказать, что шестой и восьмой ИЕ глюк своего собрата не разделяют. А я так и не поняла, какую связь он нашёл между высотой строки и её номером в списке.

4 комментария »

Настройка стилей для Mozilla Firefox (3, дополнение)

13 декабря 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Продолжение

Примеры кода, с помощью которого можно настроить под себя известные сайты. (далее…)

4 комментария »

Настройка стилей для Mozilla Firefox (3)

6 декабря 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Продолжение

Индивидуальные настройки Фаерфокса позволяют изменить «под себя» внешний вид часто посещаемых сайтов — разумеется, в сторону улучшения и удобства пользования. (далее…)

13 комментариев »

Настройка стилей для Mozilla Firefox (2)

29 ноября 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Итак, что можно сделать собственными стилями браузера Фаерфоркс? Поскольку Фаерфокс понимает селекторы атрибутов, сделать можно много. Например. (далее…)

9 комментариев »

1 2 3 4 5 6 7 8 9 10