вопрос о кроссбраузерности

вопросы такого рода:

1. Под какие в основном делают браузеры? (так сказать стандартный пакет)

2. Под какие сложнее подстроить? (вычитал что сложнее всего под IE но хотел еще у вас спросить)

3. И много ли теряют проекты в которых указано - "для корректного отображения установите браузер(к примеру мозила)" , плюсы и минусы такового.

4. Во сколько раз примерно увеличивается файл стилей при добавлении кроссбраузерности

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

0

1) Опера, ИЕ, ФФ, Хром.
2) Вообще то под ИЕ сложнее всего, но если ты не ламер в вёрстке и знаешь правила то под все одинаково, максимум возможно пару стилей под ИЕ.
3) Если увидишь такую надпись на сайте, то значит его писал ламер)))) плюсов нету, а минусов хз сколько, главный минус что посещаемость сайта упадёт как минимум на 70% от максимально возможно. думаю этого минуса вполне хватит.
4) Выброси вообще с головы такое слово как "кроссбраузерность"!!! из-за того что ты начитался литературы много а практики не было - вот и у тебя плохое понимание этого слова. кроссбраузерный код, кратко говоря это ПРАВИЛЬНЫЙ код! если ты по правилам написал сайт то он будет везде отображаться нормально, а если написал коряво то это называется быдлокод)))))
5) Если ты прочитал предыдущие 4 ответа и понял что я там говорил то ты поймёшь что пятый твой вопрос совсем ни о чём не начитуйся теорию, это глупое начало изучения! удачи!

2

2. Сейчас многие отказываются от поддержки старых браузеров (таких как IE6 ). Для них приходится очень много "костылей" писать. Когда я писал один проект на работе, то вначале старался поддерживать и IE6... но со временем отказался... слишком много мороки было. Просто указал в требованиях, что требуется нормальный браузер и предоставил ссылки. Конечно, что проектов, которые доступны в интернете для всех желающих, такие методы не подходят... и там желательно сделать поддержку IE6 через различные скрипты и т.п.

Но для современных браузеров я согласен с xxxNEIxxx, что правильно написанный код будет на 99% работать одинаково во всех браузерах.

2

кстати на счет IE6 он же на сколько я читал не поддерживает .png (тоесть картинки с прозрачным фоном) тогда как с таким бороться? И какие есть еще его недостатки которые никак не поправиш?

1

Сообщение от Nebiros кстати на счет IE6 он же на сколько я читал не поддерживает .png (тоесть картинки с прозрачным фоном) тогда как с таким бороться? И какие есть еще его недостатки которые никак не поправиш?

Да, прозрачные png он не поддерживает. Но для этого существует специальный костыль, что бы обходными путями делать картинку прозрачной. Говорят, что работает, но сам я его не пробовал.

Вложения

png.zip (1.1 Кб, 21 просмотров)

2

Сообщение от xxxNEIxxx если ты по правилам написал сайт то он будет везде отображаться нормально

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

1

Сообщение от Nebiros можно уточнить по каким правилам ?

По стандарту от W3C. Если код проходит валидацию, то в 99% случаев сайт будет отображаться одинаково во всех браузерах.

Сообщение от Nebiros на сколько я знаю то например чтобы были округленные бордюры то нужно писать для каждого браузера отдельно и т д. Или есть какието особые методы ?

Круглые бордеры практически все делают с использованием 4 картинок, на каждый угол по одной. Или одной картинкой и спрайтами. Картинками ты получаешь гарантированный результат.

Если рисовать круглые уголки кодом, то под некоторые браузеры действительно нужно подбирать свои решения. Например для ИЕ есть библиотека на JS, которая строит круглые уголки с помощью VML http://www.dillerdesign.com/ex... _roundies/
Для файрфокса нужно писать -moz-border-radius: 2em 1em;

Но такое разнообразние в сфере круглых уголков когда нибудь пропадет. Пропадет тогда, когда все браузеры будут поддерживать CSS3, где круглые уголки задаются довольно просто border-radius: 2em 1em;

CSS3 уже поддерживают opera, chrome.
Microsoft тоже обещает поддержку CSS3 в IE9 http://www.techspot.com/news/3... tails.html Помимо круглых уголков есть еще несколько спорных моментов, которые в CSS3 тоже стандартизируют.

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

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

2

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

0

xxxNEIxxx, ИМХО лазить нужно везде. Зацикливаться на одном сайте наоборот не стоит.
Тем более что htmlbook тоже может ошибаться, вот например что было несколько месяцев назад там написано про position:absolute;

absolute Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера.

Теперь исправили, но сам факт того что была ошибка говорит о том что зацикливаться не стоит.

0

я htmlbook'ом не пользуюсь, просто знаю что есть такой хороший сайт, а насчёт определения абсолютного позиционирования - ошибка только в том что если у него есть родительский блок то он будет позиционироваться относительно него, а так всё правильно.

Сообщение от Alorian но сам факт того что была ошибка говорит о том что зацикливаться не стоит.

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

0

Сообщение от Humanoid Да, прозрачные png он не поддерживает. Но для этого существует специальный костыль... Говорят, что работает, но сам я его не пробовал.

Работает отлично. По тому же принципу на работе сделал fixHover() для эмуляции :hover для любых элементов. Работает

0

Сообщение от Vovan-VE По тому же принципу на работе сделал fixHover() для эмуляции :hover для любых элементов. Работает

Выкладывай

0

Пожалуйста: IE6 element:hover

0

2)

0