Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » ГлавнаяРазное Модернизация шаблона

Модернизация шаблона

Полностью переверстан шаблон сайта. Внешний вид остался таким же, хотя часть посетителей заметила исправленные ошибки. Не ошибки синтаксиса, нет - webamator.ru по-прежнему валиден (за исключением рекламной ссылочки в футере ;) - там небольшая ошибочка). Пользователи с Safari 4 видели немного "смещенную" правую колонку. Для маководов с Safari 4 это было связано с шрифтами - ведь на макинтошах может не быть шрифтов от Microsoft, к тому же даже, казалось бы, одинаковые шрифты MacOS, Windows и Linux показывают по-разному. Приношу свои извинения всем пользователям Safari 4 - теперь у вас все отображается корректно. Следует заметить, что в Safari 3 этой проблемы не было.

Если честно, аналогичная проблема была и у пользователей некоторых европейских языков (которые просматривали сайт через плагин-транслятор от гугла). Там все просто - одни и те же пункты в главном меню на разных языках имеют разную длину. Сейчас проблема решена за счет более гибкой верстки.

Ну и самое главное, чем я могу гордится - новая верстка позиционирует контент выше навигации. Как известно, это очень нравится поисковикам, и из-за этого в последнее время все более популярны макеты сайтов, в которых навигация расположена справа. Жаль, что подобная мода в угоду поисковикам делает навигацию менее удобной. Ведь наши с вами глаза смотрят слева направо а не наоборот, поэтому вполне было бы естественно визуально распологать навигацию слева а не справа.

Можно ли совместить казалось бы, несовместимое? С помощью CSS и блочной верстки можно, причем несколькими способами. На alistapart.com подробно и с примерами описана технология negative margins, те кому она покажется слишком сложной смогут воспользоваться абсолютным позиционированием (именно так я когда-то и планировал сделать, о чем свидетельствует мой вопрос на форуме e107). Однако ни первый ни второй вариант не подходит для резинового и трехколоночного макета. То что сейчас на webamator.ru я могу по праву назвать своей авторской разработкой (или как минимум авторской доработкой, если выразиться поскромнее ;) ).

Обещаю что в ближайшем будущем опишу, как сделать то же самое, ну а самые нетерпеливые могут просто посмотреть исходный код.
Категория: Разное
Опубликовано: 22 мая 2010, просмотров: 2394
 (Голосов: 3)

Комментирование данной новости запрещено.
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.34 секунд, SQL-запросов: 10.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.