Подписка
Email
Fb
RSS
Twitter
Email

Уроки верстки — кроссбраузерность

krossПриветствую, уважаемые посетители DenWeb.Ru! В эфире очередной урок видео курса верстки из psd. После предыдущего урока получилась довольно большая задержка. Всему виной — некоторые технические проблемы с моим компьютером. Сейчас наконец-то разобрался со всем и представляю вашему вниманию видео урок.

Этот урок — предпоследний. Урок посвящен кроссбраузерности нашей верстки, то есть идентичности отображения и работы сайта во всех популярных браузерах.

Кроссбраузерность верстки— это одна из самых сложных проблем в веб-разработке. Даже если вы следуете стандартам, то все равно некоторые браузеры (в основном старые версии) не обрабатывают html/css должным образом.

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

Теперь, собственно, видео урок:

Обещенная ссылка на хостинг — webhost1.

Вы можете оставить комментарий.

44 комментариев к записи “Уроки верстки — кроссбраузерность”

  1. Вячеслав:

    скажи, плиз, с помощью какой проги можно узнать размеры и тип шрифта?

    • Если вы имеете в виду шрифт на сайте, то можно использовать различные расширения, в зависимости от браузера. Например firebug, web developer. Тогда достаточно просто кликнуть правой кнопкой по тексту и выбрать пункт — посмотреть код. В стилях будет прописан шрифт.

  2. gori4:

    админ а можеш сделать сайт за деньги???

  3. Dmitry:

    жду уроков php

  4. Андрей:

    ArtisteerЧто это за программа??Если можно подробно.

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

      • Андрей:

        Спасибо=)  А Пользовался когда нибудь программой визуального редктирования (что видишь то и получишь). Вроде так. просто вчера по просторам интернета бродил и наткнулся на это.

  5. Вячеслав:

    скажите, пож., как сделать так, чтобы сайт, переводился на любой язык с помощью Google Translate.

    • Вячеслав, посмотрите здесь и здесь

      • Вячеслав:

        Спасибо! Но возникла такая проблема, когда сайт переводится на другой язык сбивается его структура, например, французские слова длиннее и соответственно получается, что меняются отступы. Как можно сохранить структуру сайта при переводе? Спасибо!

  6. Ali:

    Можно спросить! я загрузил сайт на хостинг ! но на странице опять теже непонятки РљРѕРјРїР»РµРєСЃРЅРѕРµ число, следовательно, непредсказуемо. Критерий интегрируемости выведен. РЎРІСЏР·РЅРѕРµ множество масштабирует эмпирический СЂСЏРґ Тейлора, откуда следует доказываемое равенство. ??? что делатЬ!

  7. Ильдар:

    Кстати в Опере и Эксплорер 7 не заметили то, что кнопка отправить не на стрелке находится, и вместо этого хостинга можно заходить через денвер

  8. Ильдар:

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

  9. Veygon:

    Здравствуйте, у меня возникла проблема касающаяся этой темы, вобщем излагаю суть:браузер по умолчанию у меня мозилла(в нём верстая). Когда решил попробовать проверить кроссбразерность кода в гугл хроме и IE,то всё нормально кроме формы,где нужно вводить логин и пароль.они чуть чуть смещены друг относительно друга.Что посоветуете???может надо в код чтото добавить?

  10. Гуг:

    Спасибо большое!

  11. Vadim:

    При проверке в IE8  у меня видна ошибка в слайдере: текст под картинкой выпадает вниз вместе с фоном.  Это происходит только у одной картинки — фото планеты Земля. У кого то еще есть такой баг или только у меня? Как это поправить?Огромное спасибо автору за его статьи и уроки!

  12. SnakeSanders:

    Подскажите как сделать кроссплатформенность ,делался под Chrome и там все нормально а вот с IE9 и IE6  и проблемы,меню не растягивается а переходит на следующую строку,joomla 1.5 шаблон ZT_Balis  сайт Udacha63.ru

  13. В IETester v0.4.11 можно проверять страницу, НЕ ЗАГРУЖАЯ ЕЁ НА ХОСТИНГ. Это делается простым drag&drop'ом: страницу «index.html» нужно перетащить во вкладку IETester' а с соответствующей версией IE.

  14. Ruslan:

    Здравствуйте!Мне интересен следующий вопрос, вот если щелкнуть на ссылку «Читать далее»  то должен открыться пост с полной информацией в диве контент!Для этого поста другую страницу нужно верстать, либо по другому как то сделать?Надеюсь мой вопрос понятен)Спасибо

  15. Руслан:

    Доброго времени суток всем!Надеюсь мой вопрос будет полезным, я отверстал шаблон по видеоурокам, в мозиле, гугл хром, опера работает все отлично. А вот в ie 8 макет прилип к левой стороне, хотя у вас все было нормально

  16. Николай:

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

  17. В смысле партнерки нет? Я их партнер, это реф ссылка, если вы об этом.

  18. Алексей:

    Помогите пожалуйста господа! Делаю сайт, проблема в том что он некорректно отображается в  Google Chrome. Если грузить сайт с локального сервера, проблем нет, а если с Хостинга то —  страница загружается как нужно, но стоит обновить  ее как начинает долго грузить и в итоге либо загружается некорректно (объекты разбросаны как попало), либо вообще не загружается... В Opera, IE и FireFox таких проблем нет. В чем может конкретно быть причина?

  19. Ruslan:

    Денис Здравствуйте!Скажите пожалуйста как картинку на задний фон поставить, ну чтобы она растягивалась(т.е была цельной всегда) картинка большая 1900 на 1130, а то кагда начинаешь уменьшать процент браузера, видно что она repeat'ит и получается некрасиво(по квадратам разбита), хотелось бы чтобы она всегда была цельной.Я знаю что вы хорошо в этом разбираетесь, спасибо вам!

  20. Станислав:

    Здравствуйте,Денис. Спасибо Вам огромное за проделанный Вами труд. У меня вопрос следующий:набирал свою первую страницу в Google Chrome — отлично всё вышло, а в Mozilla и Opera v.14.12  не отображается ни одна картинка (будь-то фон, ссылка, либо просто постер). Подскажите, пожалуйста, в чем проблема?

  21. Михаил:

    Добрый день, Денис! на страничке index.html при проверке в опере, рядом с полем поиска часть слова Отправить! посмотри может только у меня!? 

  22. Михаил:

    Разобрался) все работает)

  23. хорошие видео, главное , что не очень долго и все по смыслу и не спеша

  24. максат:

    а как будет работать этот шаблон под wordpress-ом на это у вас есть отделные уроки? 

    • Под WordPress он работать не будет, это просто html шаблон. Его нужно обработать, чтобы получить тему. Таких уроков к сожалению у меня нет.

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика