CSS для разных браузеров

[gregzem]

имхо полезная статейка

Для просмотра ссылки Войди или Зарегистрируйся

 

[corehardcoder]

Замечательно.
Но гораздо чаще возникает ситуация когда делаешь всё по стандарту и что-то не так отображается в IE, тогда на помощь придёт следующая конcтрукция:

	<!--[if IE]>
		<link rel="stylesheet" href="ie.css" />
	<![endif]-->

 

[majahead]

Поддерживаю corehardcore. А по поводу статьи...Ну просветился,не слышал что так делают. Мне кажеться изврат это использовать, но может у меня просто низкий уровень и небыло серьезных проектов
Есть кто-нить здесь кто так делал или собирается ?

 

[Cake Seller]

Поддерживаю corehardcore. А по поводу статьи...Ну просветился,не слышал что так делают. Мне кажеться изврат это использовать, но может у меня просто низкий уровень и небыло серьезных проектов
Есть кто-нить здесь кто так делал или собирается ?

Есть.

Я лично сталкивался с ситуацией когда верстка по разному отображается в Firefox и в Opera (хотя сделано всё по стандартам). Это в основном касается отображения форм (отличаються отступы от краёв формы до текста, отличается высота формы). Т.е. казалось бы довольно хорошо стандартизированные браузеры, а косяки всё равно есть. Также сталкивался с тем, что при указании высоты элемента <select> меньше чем по дефолту, Firefox 2 и Firefox 3 по разному отображают верхний отступ от границы формы до текста.

В этой ситуации без javascript'овых решений не обойтись и этот скрипт как нельзя кстати.

Я, кстати, переодически жалею что нет условных комментариев у оперы и фаерфокса, чтоб можно было бы писать определенные стили для них, так как это можно делать для IE.

 

[Tias]

Замечательно.
Но гораздо чаще возникает ситуация когда делаешь всё по стандарту и что-то не так отображается в IE, тогда на помощь придёт следующая конcтрукция:

	<!--[if IE]>
		<link rel="stylesheet" href="ie.css" />
	<![endif]-->

эмм, биг сорри за ламерский вопрос, но один момент не понятен, а проблема очень актуальная для меня сейчас.

В файл ie.css я так понимаю не нужно копировать весь основной css (допустим это style.css), а только тот код, который отличается для ИЕ, но тогда для одного и того же блока будут два кода css, один в style.css (для оперы и Ко), другой в ie.css (только для ИЕ), это нормально и браузеры нормально воспримут такой "двойной стандарт" или нужно это как-то по-другому прописать?

 

[PHP_Master]

2 Tias, не страшно - сработает тот код, который последним загружен в браузер.

Использование хаков и тем более селекторов предложеных в статье считаю злом. Сам просто подгружаю разные css под браузер.

 

[Cake Seller]

Использование хаков и тем более селекторов предложеных в статье считаю злом. Сам просто подгружаю разные css под браузер.

Подгрузить специфический стиль для браузера можно только в IE (так как только там, на сколько я знаю, есть условные комментарии). В статье же указывался конкретный пример, когда в Виндозном Firefox'e и в Маковском Firefox'e верстка отображалась по разному.

Возможно приведенный в статье метод и зло, но иногда приходиться выбирать меньшее из зол... и, мне кажеться, что существуют ситуации когда лучше подключить лишний яваскрипт, чем смотреть на изкаверканную верстку в одном из браузеров.

Кстати могу дать полезную ссылочку:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

- по этой ссылке вы найдёте замечательный CSS фреймворк. Сам я фреймворками не пользуюсь, но советую вам поковыряться пару часиков в исходниках этого фреймворка. Для себя я почерпнул из него много полезного. Например узнал о таких вещах как *:focus { outline: none; } и о том как заставить работать псевдокласс :hover в IE6 для любых элементов.

А вот тут вот есть ещё несколько интересных хаков:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[PHP_Master]

Подгрузить специфический стиль для браузера можно только в IE

Возможно это станет откровением для кого-то, но это можно сделать для любого браузера.

PS Cake Seller, ссылки поправь (они одинаковые)

 

[Cake Seller]

Возможно это станет откровением для кого-то, но это можно сделать для любого браузера.

PS Cake Seller, ссылки поправь (они одинаковые)

Для меня откровение . Будьте добры, расскажите как? Как можно прописать без яваскриптов стили, которые будут отображаться, например, только в FF 3.x ?

P.S. ссылку исправил, спасибо.

 

[PHP_Master]

Как можно прописать без яваскриптов стили

Разве где-то было сказано про "без яваскриптов"?
Тем более и сама статья построена на JS, и сам ты пишешь "что существуют ситуации когда лучше подключить лишний яваскрипт, чем смотреть на изкаверканную верстку в одном из браузеров".

Я не против JS, а против селекторов, которых в спецификации нет.

PS Если совсем уж без JS, то можно отлавливать по USER-AGENT (в большинстве случаев проканает).