Кроссбраузерность. Как ее достичь?

Статус
В этой теме нельзя размещать новые ответы.
  • Заблокирован
  • #71
Я обычно внимательно читаю форум на _htmlbook.ru и часто нахожу решения проблем с которыми сталкиваюсь.
 
Я обычно внимательно читаю форум на _htmlbook.ru и часто нахожу решения проблем с которыми сталкиваюсь.
P.S Не сочтите за рекламу )

Согласен, прежде чем здесь делать пост внимательно читайте форум
 
для начала прочесть две-три книги по css,html...ну а потом практика,практика и еще раз практика!

да...и очень естественно полезны форумы+гугль :)
_htmlbook.ru отличный сайт,сам с него начинал ;)
 
Я когда клепаю что-то в свободное время (обычно под дле или под вок++), то клепаю абы как, лишь бы работало.

А вот на работе стараюсь придерживаться следующих правил:
- использование доктайпа
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
и соответственно - верстать согласно указанному доктайпу. Причин на то масса. Одна из них - адекватное восприятие ВСЕМИ браузерами
Код:
margin-left:auto; margin-right:auto;
которые я очень люблю использовать в блочной вёрстке
- основная вёрстка делается под Firefox, другие адекватные браузеры такую вёрстку очень редко воспринимают некорректно, а под IE подгнать легко. Гораздо легче, чем подогнать IEшный сайт под нормальные браузеры :)
- максимально отделяю ХТМЛ от ЦССа. ЦСС - в отдельном файле. На крайняк - в шапке сайта какие-нить хаки. Инлайновый ЦСС использую только в том случае, если стиль короткий и использование его - единичное в пределах сайта. Да и то обычно только при исправлениях, а не при вёрстке с нуля.
- стараюсь максимально использовать семантику языка разметки. Это и для поисковиков полезно, и самому потом в коде приятнее копаться, чем в куче ДИВов с разными классами.
- в джаваскрипте к элементам обращаюсь ТОЛЬКО через document.getElementById(), за исключением случаев, когда по клику вызывается ф-ция, которой аргументом можно передать this
- ну и конечно же - обнуление в ЦССах всего и вся. Обычное дело: поставить в начале ЦСС-файла нечто вроде
Код:
* { margin:0; padding:0; border:0; font-family:Verdana, sans-serif; font-size:11px; }
, хотя это и вызывает потом небольшие косяки со списками UL и OL, но их я решаю отдельно.
 
ChatMaster,

не подскажете, чем отличается:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

от

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


В частности,
  • XHTML 1.0, от XHTML 1.1 (а поддержка старыми браузерами для обоих есть?)
  • XHTML от XHTML Transitional
 
смотришь сайт в ИЕ, опере и файрфоксе, если что не так - правишь
вот тебе и кроссбраузерность :)
 
Если с оперой и мозилой пробелм нет, то в ие потоянно всплывают всяческие баги)

юзайте if ie и будет вам счастье а вообще надо каждый раз подгонять проверять эт не легко но если хотите чтобы сайт ваглядел одинаково в любом браузере необходимо
 
ChatMaster,

не подскажете, чем отличается:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

от

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


В частности,
  • XHTML 1.0, от XHTML 1.1 (а поддержка старыми браузерами для обоих есть?)
  • XHTML от XHTML Transitional
А что имеется ввиду под "старыми браузерами"?
 
не подскажете, чем отличается:
  • XHTML 1.0, от XHTML 1.1 (а поддержка старыми браузерами для обоих есть?)
  • XHTML от XHTML Transitional
пока ChatMaster не ответил, приведу ссылку на источник -
Для просмотра ссылки Войди или Зарегистрируйся, там описано отличие от предыдущих версий (убрали устаревшие атрибуты насколько я помню).
 
ChatMaster,
В частности,
  • XHTML 1.0, от XHTML 1.1 (а поддержка старыми браузерами для обоих есть?)
  • XHTML от XHTML Transitional

Не вполне понимаю, что такое XHTML 1.1, но пока не встречал его на сайтах.

XHTML читый тоже не видел, есть два варианта
XHTML Strict и XHTML Transitional

Strict - это когда все стили вынесены в отдельный файл, и нельзя использовать некоторые элементы вроде <b> (нужно юзать <strong>), + нет некоторых элементов вроде <font> и еще каких-то.

Transitional это переходной вариант, и там эти все дела вроде как можно юзать. Вообще transitional фактически = HTML 4.01. Лучше юзать его, особенно на всяких блогах типа Wordpress.

Могу ошибаться.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху