адаптация диза под IE
1.
Дмитрий (01.09.2009 / 18:02)
Господа, посоветуйте!
Всем известно, что различные браузеры читают CSS по-разному.
Как адаптировать диз под Эксплорер, ну, и для остальных браузеров тоже?
у меня CSS прописан так
<link rel="stylesheet" media="screen,projection" type="text/css" href="../themes/WEB_Blue/css/scheme.css" />
я так понимаю, что рядом необходимо прописать еще один файл CSS, в котором будет указаны данные для эксплорера?
Я прав? И как именно указать, что эти данные именно для Эксплорера?
Для примера -
http://inter-sky.net (в быстрой смене диза выберите скин WEB_Blue)
2.
Neformat (01.09.2009 / 18:21)
Можно прям в CSS
div {
background: red; /* для нормальных браузеров */
//background: green; /* для всех ie */
-background: blue; /* для ie6 */
}
3.
Дмитрий (01.09.2009 / 18:31)
2, но ведь если я пропишу это, то это будет заточено под ie6, значит ie7 и ie8 также нужно указать? Или они в принципе одинаковы в этом?
4.
Neformat (01.09.2009 / 18:35)
Ну ты сначала определись, что именно в CSS не устраивает IE и какой версии IE, и каков путь решения проблемы, подойдет ли он для всех IE или нужны решения конкретно для 6,7,8
5.
Дмитрий (01.09.2009 / 18:45)
4, Да просто-напросто он неправильно отобрашает размер щрифтов (в тексте, в линках, в таблицах и т.д.), ну, и в эксплорере почему-то в таблицах содержимое столбцов располагается в центре столбца (хотя в скине каждый столбец я прописал <td vilign="top"> то есть выравнивание по вертикали прижатием вверх). Хз, буду пробовать...
6.
Евгений (02.09.2009 / 00:18)
через ава скрипт еще прописывают
7.
Fanis (02.09.2009 / 09:33)
Автор ищи в поисковике слова "кроссбраузерная верстка или css"
8.
Анатолий (02.09.2009 / 23:57)
5, Вместо valign напиши style="vertical-align: top;";
А вообще то единственная проблема с IE (во всяком случае для меня) - это IE 6, с его белым фоном на прозрачных PNG. Но и для этих случаев уже нашли выход.
----
ТС. Если надо разные CSS под разные браузеры, то в шапке:
<!--[if IE 6]><link rel="stylesheet" href="style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style/ie7.css" type="text/css" /><![endif]-->
и пиши для каждого глюксплоурера свою таблицу стилей
9.
Дмитрий (03.09.2009 / 10:10)
8, по поводу style="vertical-align: top;"; я уже вычитал, теперь редактирую скин. Спасибо FaNiskе! всем поставил плюсы!
URL:
https://visavi.net/topics/446