binomer

http://codepen.io/tavira/pen/JYmNqN По ссылке вёрстка одной страницы и самую малость JS для разнообразия. Совсем малость Посмотрите, пожалуйста....скажите, что хорошо, что плохо. В данный момент - самый главный косяк в том, что вёрстка поедет, если добавить много текста. Но, в общем-то, это не совсем тот случай, когда за этим надо следить. Также отметил трудность в организации вёрстки. Посколку есть два одинаковых объекта по сути, но для каждого из них надо задавать разные свойства.

Так не делаю (по 5 мегабайт). Про цвет вместе с картинкой знаю. То есть, так заморачиваться сейчас смысла не имеет, вы считаете?

Собственно, сабж. Ну, например, для того, чтобы заменить фоновую картинку одним цветом и т.д. 1. Возникло предположение отталкиваться от размеров экрана (media queries). Но те же телефоны можно использовать на улице с мобильным интернетом, а можно дома с достаточно быстрым беспроводным соединением. С другой стороны, все же можно говорить, что чем меньше экран, тем проще надо отдавать версию страницы. 2. Дальше атрибут media="handheld". Но на хабре прочитал, что этот атрибут может не поддерживаться современными устройствами. 3. Также можно написать спец. мобильную версию и предоставить пользователю выбор. 4. Определение UserAgent. Но насколько я понял, это можно сделать только на JS или на сервере с помощью PHP. Я прав или нет? 5. А еще есть Яндекс.Детектор, документация которого не обновлялась с 2010 г. Вообще, расскажите, есть ли смысл так заморачиваться и как надо правильно делать?

Опять не по теме. Но в Crome Canary 38 появилась встроенное тестирование адаптивной верстки, пожалуй, даже удобнее, чем в нынешнем Firefox.

В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?

Да это-то да. Я просто задумался об этом, когда читал о нем.

2. Ну какой, какой..НЕнаклонный))) 3. По футеру лишь мои впечатления. Я бы меню сделал покрупнее размером. Как выше заметил Struggle, специалистом не являюсь, поэтому...

Ты мастер юзабилити ? Товарищ просил поделиться впечатлениями, я поделился. Что-то не так?

Вообще неплохо. Только мне не нравится: 1. Логин, пароль и поиск ПОД меню 2. Наклонный шрифт в колонках новостей ("Новости дилеров" и т.д.) 3. И в подвале бы убраться неплохо. На мой взгляд там все разбросано беспорядочно

Почитал про БЭМ в очередной раз. И задумался над одной вещью. Пусть у нас есть несколько блоков на странице. У каждого блока есть заголовок. Заголовки одинаковые. То есть их можно описать одними и теми же CSS-правилами. С одной стороны, логично заголовки обозначать как элементы блока. А с другой, так как они одинаковые, можно выделить в отдельный блок. Кто что думает по этому вопросу?

либо ты уже исправил, либо ничего вверх или вниз не прыгает. Посмотрел в Firefox, Opera, Chrome

Упс. Спасибо. И правда, это к классам отношения не имеет.

Искал внятное объяснение, но не нашел. Суть проблемы. Зашел на schema.org, там, конечно же, для много каких штук есть разметка. Совершенно определенная. Я правильно понимаю, что это добавление классов с определенными названиями в документ HTML. Или делают по-другому? И еще, наверное, вешать оформление на эти классы неправильно? То есть к уже существующим, сверстанным на странице элементам надо добавить пару классов?

Я-то не знаю, но мне кажется, что это не имеет смысла. Применяется свойство, которое находится ниже.

Ты вот это имеешь ввиду? margin-right: 5px; margin-right: 30px;

О_о, в смысле несколько? Можно пример?

Почему у тебя в блоке комментариев ВК ни одна ссылка не работает. Вернее, это походу вообще не ссылки

Все так и есть. Ты не писала, а я посмотрел сам..

Спасибо большое за ответ и за помощь. Только я не поняла где вы увидели в тэге pre margin 16px, у меня тэге pre margin-left: 390px. Я же сказал. Левый у вас стал 390px, а вот margin-top и margin-bottom были равны 16px. Это я посмотрел в Firebug (в JsFiddle сделал вашу страницу). Вот по таким причинам и неплохо пользоваться reset CSS, normalize CSS - обнулять все стили или приводить их к единству во всех браузерах. Если у вас кроме этого css-файла других нет, то, наверное, отступы для этого тэга заданы по умолчанию. Кстати, опять же, они могут быть разными во всех браузерах. С тэгами заголовков такая же история.

А ты не забываешь про полосу вертикальной прокрутки?

Для тэга pre margins заданы 16px. Левый вы поменяли. Чтобы решить вашу проблему поставьте margin-bottom: 0;

Как известно, фиксированная высота - чаще всего плохо

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

Я не про cover говорил, а вообще... что неплохо бы задать ширину

Спасибо всем за советы. Исправлено: 1. Фоновое изображение поделено на части, избавлено от фиксированной высоты 2. Клеарфикс теперь, как и положено, применяется для родителя блока с float