Что делать, если CSS не работает
Все мы время от времени сталкиваемся с ситуациями, когда CSS-код не работает, и все тут! Вы перебрали все возможные решения, но от-
1 Список таких сайтов можно загрузить с сайта Microsoft по адресу http://
www.microsoft.com/downloads/details.aspx?FamilyID=b885e621-91b7-432d-
8175-a745b87d2588&displaylang=en
2 http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-compatible-situation
дельные кусочки текста продолжают исчезать и появляться в Internet Explorer 6 или же часть его перекрывает остальной контент в Safari. Прежде чем начать посыпать голову пеплом, сделайте глубокий вздох и успокойтесь. Решение есть!
Решение
Это решение поможет вам найти решение!
1. Передохните
Когда все попытки исправления ошибки безуспешны, трудно сохра- нять ясность разума в поисках оптимального решения. Поэтому отдо- хните немного: прогуляйтесь, сделайте уборку на рабочем столе или займитесь домашними делами. Если ваш начальник рядом, и вам неудобно просто встать и отойти в сторону, переключитесь на выпол- нение другой задачи: ответьте на письма или удалите ненужные фай- лы. Что угодно, главное – отвлечься от проблемы на некоторое время.
2. Проведите валидацию кода документа и таблицы стилей
Затем нужно проверить HTML- и CSS-код, если вы до сих пор еще этого не сделали. Возможно, проблема возникла из-за допущенных в коде ошибок, а если даже причина в другом, их наличие только все усугубляет.
3. Изолируйте проблему
Может ли ваша ошибка возникнуть независимо от остальных частей документа? Сбои часто возникают только при наличии определен- ного набора условий, поэтому выявление источника проблемы, воз- можно, поможет вам в поиске решения. Попробуйте перенести про- блемный фрагмент кода в документ с другой разметкой.
4. Поищите решение в Интернете
Если ваша проблема связана с использованием определенного броу- зера, то она, скорее всего, возникла не впервые. Существует множе- ство хороших сайтов, посвященных такого рода проблемам и спосо- бам их решения. Столкнувшись с проблемами в работе, я обязатель- но обращаюсь к следующим сайтам:
• CSS Pointers Group, http://css.nu/pointers/bugs.html
• Position is Everything, http://www.positioniseverything.net/
• Раздел Browser Bug Category на сайте css-d wiki, http://css-discuss. incutio.com/?page=CategoryBrowserBug
SitePoint CSS Reference1 содержит немало полезной информации о поддержке различными броузерами тех или иных свойств и селек-
1 http://reference.sitepoint.com/css/
торов CSS. Кроме того, попробуйте поискать решение в архивах css- discuss1 и, конечно, воспользуйтесь поиском Google!
5. Обратитесь за советом к другим
Если приведенные выше советы не привели к решению проблемы, попросите помощи у других людей. Даже самые опытные разработ- чики порой сталкиваются с проблемами, которые не могут решить в одиночку. Иногда свежий взгляд посторонних людей может по- мочь найти возможные способы решения проблемы, о которых вы не подумали, или даже найти готовое решение.
При написании сообщения на форуме или в почтовой рассылке не забывайте о следующих правилах:
• Вначале следует провести поиск по архиву, если он есть, – воз- можно, аналогичные вопросы задают по нескольку раз в день.
• Убедитесь, что ваш HTML- и CSS-код прошел валидацию, иначе вы рискуете получить ответ «проверьте ваш код на соответствие спецификации, это может помочь».
• Выложите пример вашей работы в Сети с тем, чтобы указать ссыл- ку на него на форуме. Возможность рассмотрения проблемы не- зависимо от сложной структуры всей страницы является допол- нительным плюсом, поскольку другим будет проще разобраться в происходящем.
• Расскажите об испробованных вами способах решения пробле- мы, чтобы посетители форума не теряли времени, предлагая уже проверенные методы. Кроме того, это укажет на то, что вы пыта- лись решить проблему самостоятельно перед тем, как обратиться за помощью.
• Тема сообщения должна быть информативной. Люди скорее про- читают сообщение с заголовком «Дублирование блоков в IE5», чем отреагируют на отчаянный возглас «ПОМОГИТЕ!». Правиль- ные заголовки повышают информативность архива: достаточно взглянуть на список, чтобы получить представление об обсужда- емых темах.
• Будьте вежливы и придерживайтесь темы.
• Терпеливо ждите, пока вам ответят. Если рассылка или форум достаточно активны, но вы не получили ни одного ответа в тече- ние дня, вполне допустимо задать вопрос снова, добавив в тему префикс REPOST. При большом объеме поступающих тем часть из них может оставаться незамеченной, и повторная публикация ненавязчиво напомнит читателям, что ваша проблема осталась нерешенной.
1 http://www.css-discuss.org/
• Получив предложения по решению проблемы, примените их на практике. Не расстраивайтесь и не раздражайтесь, если они не приводят к желаемому результату или если вам кажется, что вам предлагают самые очевидные вещи. Я видела достаточно долгие дискуссии, продолжавшиеся до тех пор, пока решение не было найдено. Дайте людям возможность помочь вам!
• Если вы нашли выход из положения или решили изменить ди- зайн страницы, чтобы избежать возникновения проблемы, сооб- щите об этом в своей теме, описав все подробности, в знак ува- жения к тем, кто попытался вам помочь. Кроме того, это может сослужить хорошую службу тем, кто в дальнейшем будет про- сматривать архивы в поисках решения аналогичной проблемы. Очень обидно найти несколько предлагаемых решений пробле- мы, не зная, какое из них действительно эффективно (и есть ли среди них эффективные методы в принципе).
Среди подписчиков рассылок, посвященных веб-дизайну, много очень опытных разработчиков, прекрасно разбирающихся в CSS. На мой взгляд, лучшей рассылкой, посвященной CSS, является css-discuss.1 Ее подписчики достаточно активны и дружелюбны, и вы можете почерп- нуть массу полезной информации, просто читая сообщения и просма- тривая архивы. На сайте SitePoint также есть замечательный и очень активный форум,2 на котором общается много отзывчивых и опытных людей.
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
Похожие посты:
- Завершение работы (0)
- Интерпретация сообщений, выводимых инструментом W3C Validator (0)
- Позиционирование элементов с помощью CSS (0)
- Примечания к реализации (0)
- Корпоративные порталы (0)
- Необходимо отыскать абсолютно все элементы веб-страницы. (0)
- Необходимо отыскать все элементы веб-страницы, но только в контексте body, исключив, таким образом, все прочие элементы. (0)