CSS проблемы в IE5/6/7

Столкнулся с проблемой редактирования css файлов своего сайта под Internet Explorer 5, 6 и 7. Извиняюсь сразу перед теми, кто пользуется еще шестеркой пятеркой- я скоро исправлю все мелкие недочеты (хотя для пятерки вряд ли, одни боты ее юзают).

При создании сайта необходимо учитывать тот факт, что очень большое количество посетителей до сих пор сидит на шестерке. Если честно, я их не понимаю. У каждого, конечно же, свои вкусы, привычки и взгляды, но ведь столько ошибок у нее, проблемы с отображением сайта…

Вот и мне приходится подстраивать таблицу стилей. Делается это методом проб и ошибок. Но для семерки настроить мне удалось – я почти не вижу неточностей и багов. Если кто заметит, пишите в контакт, исправлю в ближайшее время. Какие основные проблемы для семерки (и шестерки) у меня возникли? То, что тег <ul> во всех популярных браузерах (Opera, Mozilla Firefox, Safari и других) отображается нормально и только в серии Internet Explorer’a отступ всегда невероятно велик, особенно если происходит накладка стилей и используются padding и margin. В моем случае мне пришлось вручную вызывать отдельные файлы стилей для IE7 и IE6 и туда копировать проблемные, но уже исправленные классы. Сделал я это следующим образом:

[code=’php’]


[/code]

Вот что я сделал, чтобы убрать многосантиметровые отступы, которые проявляются только в IE7 и IE6. Я добавил код:

[code=’css’]
.sandbox ul { //и другие похожие проблемные места
margin-left: 0px;
padding-left: 20px; //тут может быть то значение, какое вам нужно
}
[/code]

Делается это в для проблемых мест. У меня это были классы .sidebar ul, .home-comments ul и некоторые другие.

То есть я обнулил внешний отступ и добавил внутрений. Закончил почти настройку для шестерки, пока писал этот пост, почти все исправил.

А что касается пятерки… Ну во-первых мне было тяжело ее найти (равно как и шестерку) – есть только файлик весом 450кб, который ну никак не хоте загружать мне все из инета. Я нашел мегапак старых версий на этом сайте: http://tredosoft.com. Теперь вот сижу и смотрю на пятерку, и понимаю, что такое отредактировать невозможно.

Кстати, для тех кто любит использовать div:hover – шестерка не видит его, насколько я понял. Я попытался по изворачиваться, но не получилось – и Бог с ним. Еще шестерка просто ненавидит вот такой код:

[code=’php’]

[/code]

Многие темы его содержат, позволяет делать отступ в зависимости от конфигураций в css файле. Мне пришлось его удалить – и все стало на свои места.

комментариев 5

  1. А не порекомендуете, какое нить меню на CSS?
    Мне нужно для шаблона на Joomla

  2. уууу, с джумлой мое знакомство ограничилось однонедельным размещением сайта – и все… Не понравилась она мне почему-то (не помню почему, давно было). Поэтому я не интересовался ею и не могу сказать, что там нужно менять в шаблоне, чтобы сделать выпадающее меню. Вообще-то все это в шаблоне прописывается, что значит, что вам надо искать просто шаблоны для Joomla и смотреть, чтобы там была эта фича.
    Меню на css делается достаточно просто – сложнее просто настроить его под конкретный дизайн – легче искать готовые варианты.

  3. Я сделал один вариант, в нем в IE идет смещение при выпадании меню

  4. Александр:

    Извините за такой вопрос.
    Можно ли в BuddyPress изменить размер аватара ?

  5. Можно. Александр, напишите мне лично на странице Контакт.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *