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