Расхождения браузеров в отображении CSS

Статус
Закрыто для дальнейших ответов.
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
Нужна информация обо всех неточностях чтения CSS в Mazilla, Opera и IE с 6 по 8.
Какие определения работают в них неправильно и как можно конкретно поправить каждый.
Как понимаю наиболее универсальный способ- создать несколько .css файлов под несколько браузеров и ссылаться на них через условные комментарии.
 
Serg@NT

Serg@NT

Well-Known Member
Регистрация
20.02.2010
Сообщения
506
Вы бы ещё о всех недоработках в автомобилях Лада спросили :biggrin:
Здесь поможет только личный опыт. Сделали - тестируйте в разных браузерах. Так наперёд вряд ли можно всё перечислить.
В общем случае, можно сказать, что стандартные свойства все отображают примерно одинаково.
 
Felix

Felix

Друг форума
Регистрация
20.06.2009
Сообщения
1 097
Если код будет валидным, то отображаться будет визде одинаково и без ошибок. Проверить сайт на валидность можно тут. Клыц
 
T

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
Если код будет валидным, то отображаться будет визде одинаково и без ошибок
Нажмите, чтобы раскрыть...
Ошибаешься...к примеру по стандартам padding добавляется к ширине и высоте, но IE6 на это плевать, поэтому приходится писать для него отдельный стиль или использовать margin.

В опере проверять правой кнопкой - соблюдены ли веб-стандарты

В нормальных браузерах(все кроме IE) все обычно хорошо...если не делать верстку через...
Для всех IE создается отдельный CSS - ie.css

Код: 
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="css/ie.css" media="all" />
<![endif]-->
IE8 посылаем обратно в прошлое...переводим в режим IE7...
Код: 
<meta http-equiv="X-UA-Compatible" content="IE=7" />
А вообще только опыт может препятствовать проблеме "Разхождения браузеров в отображении CSS"
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
Нашел интересную вещь:
<!--[if IE 6]>
<LINK rel="stylesheet" type="text/css" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" media="screen, projection" />
<!--<![endif]-->
Вставляешь в <head></head> и если сайт открывается через ie6, то файл css исправляется при чтении сайта.

Ещё наткнулся на эту страницу:
http://code.google.com/p/ie7-js/
Но знание инглиша меня подвело:)
Разъясните, пожалуйста, в чем соль?)

trueW3C сказал(а):
IE8 посылаем обратно в прошлое...переводим в режим IE7...
Код: 
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Нажмите, чтобы раскрыть...
То есть он будет читать код как ie7? Полезная функция)
Осталось найти универсальный способ выравнивания css в ie7)
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
А вобше есть какой-то более менее универсальный способ получения кросбраузерности?
 
T

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
Знание всех багов и умение обходить их
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
Я в начале темы спросил где об этом можно узнать:)
 
T

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
http://www.google.com.ua/search?hl=ru&client=opera&hs=UWJ&rls=ru&ei=W86TS5b8OqDYmwOO3PiEAQ&sa=X&oi=spell&resnum=0&ct=result&cd=1&ved=0CBMQBSgA&q=%D0%B1%D0%B0%D0%B3%D0%B8+%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%B2&spell=1
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
кхм...
чего то торможу)

Мне вот интересно, почему такой вариант на прокатит?
http://universal-ie6...les/ie6.0.3.css
http://code.google.com/p/ie7-js/
 
T

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
Мусор. Это как верстальщик, чтобы сделать прозрачное лого в IE6 подключал jQuery(60кб) и IE Png Fix(3 кб). А можно было написать одну строчку с фильтром для ие.

В общем ещё раз. Все эти хаки мусор
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
Хм, существенно.
Ладно буду искать...
Спасибо и на этом
 
T

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
к примеру по стандартам padding добавляется к ширине и высоте, но IE6 на это плевать, поэтому приходится писать для него отдельный стиль или использовать margin.
Нажмите, чтобы раскрыть...
А margin у блочных элементов часто удваивается в IE6...был 10px, в ie 20px...приходится писать этому блоку

Код: 
display:inline;
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
не совсем понял первоначальное назначение свойства display:inline;
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
И да, совсем забыл спросить, если всё же прибегнуть к этому способу, с увеличением веса, все ошибки поправятся?
http://universal-ie6-css.googlecode.com/files/ie6.0.3.css

http://www.gtalbot.org/BrowserBugsSection/
а вот и полный список:)
жаль только что аглицкомъ)
Не знаеш, где-нибуть в рунете, есть подобные проекты?
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
А подкину и я дровишек в костерок:
http://dimox.name/10-fixes-for-ie6/
Удачи!
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
подскажите где можно найти инфу по хакам для IE7?
 
I

InfernumDeus

Member
Регистрация
06.03.2010
Сообщения
11
<!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div#uzadpn {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200:ignoreMe)+'px');position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');}</style><![endif]><![endif]-->

На укозе используют такой способ для обхода багов.
Оно работает? Просто я не знаю javascript
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
66
Всего посетителей
66
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 932
Сообщения
64 048
Пользователи
12 694
Новый пользователь
Digital Caramel

Новые пользователи

Поделиться этой страницей

Верх Низ