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

[SRU-tv]

Методика, действительно, одна - тестировать и дописывать с появлением новых браузеров. Примеров тьма, даже под IE 6 и 7 beta.

 

[serjinio]

Ставишь у себя на машине Для просмотра ссылки Войди или Зарегистрируйся и тестируешь сайт под самый любимый браузер мира
Для просмотра ссылки Войди или Зарегистрируйся - делает скриншоты вашего сайта в разных браузерах.

 

[Toha20072008]

Юзай код наполовину состоящий из таблиц.. дивы и позиционирование используй уже внутри таблиц.. это даст определённую уверенность. Упрощай дизайн уже в процессе вёрстки. Не стоит гнаться за идеальным совпадением. ТАблицы делай последовательные. Исключай вложенность.
Ну и тестирование, ещё раз тестирование.. я предпочитаю в реальных броузерах. Спец СОФТ не использую..
Да и ещё.. не гонись за идеальным совпадением.. определись с главным броузером например ИЕ или Мозилка.. и второстепенным.. Обдумывай какая будет целевуха.. девочки или адвэнсед юзерс. И исходя из этого выбирай какой броузер главный какой второстепенный для этого проекта.

 

[dogoff]

Юзай код наполовину состоящий из таблиц..

зачем? если все можно на дивах? только главное понимать css его нюансы и хаки - с опытом придет понимаение того, на сколько div - хорошая вещь

 

[sugarcoma]

я обычно использую программы типа htmlpad или rapidcss
и там отображается какие елементы html, css будут видны или не видны в различных браузерах...

кстати вот не плохой css хак под любой браузер которым можно изменять вид сайта в различных браузерах под различными ос, единственный минус хака - javascript

<script type="text/javascript">
  var cssFix = function(){
  var u = navigator.userAgent.toLowerCase(),
  addClass = function(el,val){
    if(!el.className) {
      el.className = val;
    } else {
      var newCl = el.className;
      newCl+=(" "+val);
      el.className = newCl;
    }
  },
  is = function(t){return (u.indexOf(t)!=-1)};
  addClass(document.getElementsByTagName('html')[0],[
    (!(/opera|webtv/i.test(u))&&/msie (\d)/.test(u))?('ie ie'+RegExp.$1)
      :is('firefox/2')?'gecko ff2'
      :is('firefox/3')?'gecko ff3'
      :is('gecko/')?'gecko'
      :is('opera/9')?'opera opera9':/opera (\d)/.test(u)?'opera opera'+RegExp.$1
      :is('konqueror')?'konqueror'
      :is('applewebkit/')?'webkit safari'
      :is('mozilla/')?'gecko':'',
    (is('x11')||is('linux'))?' linux'
      :is('mac')?' mac'
      :is('win')?' win':''
  ].join(" "));
}();
</script>

 

[asmas]

зачем? если все можно на дивах? только главное понимать css его нюансы и хаки - с опытом придет понимаение того, на сколько div - хорошая вещь

Полностью согласен, но когда вижу что сайт сверстан на каскаде дивов, волосы дыбом встают. Скоро будет сайт от а до я, начиная от рисования шаблона до верстки его правильными блоками (EI6, EI7, opera, ну и конечно огненныйй лис, т.е кроссбраузерно)

 

[slawin]

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

 

[infohunter]

что-то подобное встречал, но всеравно лучше учить CSS, я проблемы с дивами решал посредством хаков, то есть в зависимости от браузера подсовывались разные значения. но и тут я уверен что я делал по топорному, есть и другие решения.

 

[Acden]

я обычно использую программы типа htmlpad или rapidcss
и там отображается какие елементы html, css будут видны или не видны в различных браузерах...

А можно скриншот? Что-то я слабо представляю, как он браузеры разных версий перечисляет.

 

[pauliuz]

Еще один голос за IETester. Пользуюсь им давно уже. Кстате может быть не в тему, но пробовали ли вы Firebug плагин для Firefox - очень хорошая вещь, много времени сэкономит.