Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
2 / 2 / 0
Регистрация: 06.06.2013
Сообщений: 73

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

08.02.2014, 22:32. Показов 1526. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Хочу поднять тему достижения кроссбраузерности верстки. Все что я пока что верстал - исключительно для себя, т.е. для приобретения практических навыков - на хостинг ничего не заливал, проверял только в новых браузерах. И вот сейчас уже начинаю задаваться вопросом - как достигать профессиональной верстки, с соблюдением всех требований.
Вот если говорить о кроссбраузерности, когда читал "Большую книгу CSS" Макфарланда и другие материалы, отмечал какие свойства не работают в определенных версиях IE, где обязательно указание префиксов поставщиков, в каких случаях нужно добавлять zoom: 1, что то в голове отложилось и я это старался исрользовать, но, ясное дело, что то и забылось. Так вот, хотелось бы понять, как работают профессиональные верстальщики. Понятное дело, что спецы с большим опытом знают все явные и неявные проблемы кроссбраузерности и сразу же пишут нужный код не прыгая между браузерами. А что в остальных случаях, неужели у верстальщика открыт с десяток разных браузеров и он по ходу написания кода проверяет результат во всех? Или сначала доводит до готовности верстку в своем "рабочем" браузере, а после этого начинает проверку в остальных?
Или может быть все ограничивается проверкой в специальных сервисах, который проверяют твой код и указывают, в каких версиях браузеров могу быть проблемы. Знаю два таких сервиса - http://browserling.com/ и http://browsershots.org/ Правда в функционале их не разбирался.
Расскажите, как Вы добиваетесь кроссбраузерности верстки? Всяческие материалы на тему сабжа приветствуются.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.02.2014, 22:32
Ответы с готовыми решениями:

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

Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей...

Нужен совет по кроссбраузерности
у меня есть сайт-переходник, скрин приложен ниже. в одном общем блоке находятся несколько небольших блоков, будут ли они смещаться в...

3
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
09.02.2014, 12:36
polnyj0, когда сверстали - проверять поздно. В процессе верстки каждый значимый шаг нужно проверять во всех браузерах, под которые нужна кроссбраузерность. Особенно для новичков.

С опытом начинаешь запоминать какое свойство в каких браузерах не работает и как отображается, уже знаешь большинство возможных глюков. И заранее пишешь код так, чтобы не было проблем.
0
 Аватар для Ukkas
153 / 126 / 39
Регистрация: 02.05.2012
Сообщений: 573
10.02.2014, 16:32
polnyj0, я скорее начинающий. Некоторые свойства автоматом пишу сразу для всех браузеров: градиент, тени, круглые уголки и т.д. А перед закрытием определенной подзадачи действительно открываю 5 браузеров и смотрю что вышло. А потом самая камасутра начинается со старыми версиями ie, но тут уже зависит от поставленной задачи: до какой версии должно работать, и допустимо ли отсутствие тех же теней и круглых уголков.
Сервисами не пользуюсь)
0
2 / 2 / 0
Регистрация: 06.06.2013
Сообщений: 73
10.02.2014, 21:48  [ТС]
Благодарю всех ответивших, однако, все же интересно, есть ли у кого положительный опыт использования сервисов для проверки совместимости? Ведь если такие сервисы существуют - ими кто-то да пользуется. А как решаете проблему с тестированием в Эксплорере. если работаете под Linux, достаточно ли установить IE под Вайном или не обойтись без виртуалки?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
10.02.2014, 21:48
Помогаю со студенческими работами здесь

Непонятки с реализацией кроссбраузерности
Всем привет! Разрабатываю сайт. Во время разработки тестировал на chrome. Решил открыть в другом браузере - проверить. Сначала открыл на...

Реализация кроссбраузерности html5, препроцессоры
Доброго дня! Решил "обновить" свои знания по htm & css, изучив html5 & css3. В процессе оказалось, что обратной совместимости со...

Сделать скрин в опере для проверки кроссбраузерности
У меня сайт http://aimgroupllc.com/cent/ отображается корректно в браузерах --хром,моззила фаерфокс,но не в опере(у меня 41 версия)....

Как добиться кроссбраузерности, с примитивом (некорректное отображение div)?
Ребят привет! Я не претендую на лавры суперверстальщика с офигенным знанием кросбраузерности, однако такое уже выходит из всех...

Посоветуйте онлайн сервис для проверки кроссбраузерности сайтов
Привет! Посоветуйте, плиз, удобный и бесплатный онлайн сервис для проверки кроссбраузерности, чтобы можно было увидеть отображение сайта в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru