psywalker

Извините, а дизайн вы сами делали или это был макетик?

Дык ведь наоборот интереснее будет!

Get to heaven, Switch74, Николя223, вы в игре!

Эм... я прочитал что вы пишите, и наверное даже понял вас)). Если бы вы делили ваш текст на абзацы со строкой в качестве отступа, то понять вас было бы намного легче А пока по поводу примера: жаль, что у вас не сохранился этот пример, потому что скорее всего вы ошибаетесь так же, как и в данном случае. Но видимо это уже в другой серии об этом мы уже не узнаем На счёт "clear: both": нет, это свойство применяется при: Взято отсюда.

Ну что, есть ещё желающие присоединиться к нашей команде?)

Секундочку, но ведь здесь явно выставлена жёсткая высота? #middle {background: #f1f1f1;width: 700px;height: 400px;float: left;}

Очень жаль, что IE останется. Но а + ещё один Chrome я думаю особого геммора верстальщикам не сделает.

Это само собой. Для desktop ширина - 940px + 10px на отступы. Для меньших разрешений я уже могу не придерживаться именно такого отображения. Проблема в промежутках между блоками - как их задавать, как их обнулять, когда они будут падать на другую строку. Нужен какой-то универсальный способ. Может вот эта статейка как-то поможет?

Когда сужаю окно браузера по ширине, сразу всплывает две проблемы. 1. Скролл горизонтальный 2. Справа пустая белая область появляется.

Значит такой вариант не подходит. Я бы сделал так.

А пункты всегда будут однострочными? Или может такое быть, что пункт будет состоять из 2-3 и т.д. строк?

Вы не совсем поняли вопрос, я имел в виду под какое минимальное количество диапазонов разрешений делается адаптивный сайт, к примеру от 200px- до 600px от 601px- до 900px от 901px- до 1200px Под разный делается, поэтому делайте для как можно меньшего. И т.к. далее вверх.

А почему сгоряча? Я так всегда и делаю и всегда такую проблему и имею. А как сделать иначе? А зачем вы сразу же используете id для оформления? Почему бы вместо него не использовать класс?

Зачем нужен лишний элемент <div class="clear"></div> в разметке? На дворе 2015 год, неужели это лучший clearfix на сегодняшний день?

Где не работает? пример кода Наверное в каком-нибудь IE)

Я не имел ввиду, что шутки про мертвецов не смешные, мне именно конкретная шутка показалась не смешной.

1. Зачем через <link>? Подключайте в css-файле конечно и не засоряйте страницу, тем более если их будет не одна. 2. Если тренируетесь, то попробуйте разные подходы, но начните с mobile first, да. 3. Минимальное разрешение - 200px.

Потом скажи плз, какой вариант выбрал всё-таки и почему

Всех с наступающим, ребята!

У меня тоже мозила, но я уменьшаю масштаб и до -50% всё в порядке. Только на -50% меню начинает чуть вылезать справа.

Может быть стоит вместо display: block; и margin: 115px 0 0 2px; использовать top: 115px; left: 2px? А вообще непонятно что вам нужно конкретно. Приведите скриншоты того как должно быть и как есть.

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

Странно, мне тут помогло, сразу перестало вылезать)

а если так сделать: #menu ul{ margin-top: 5px; font-size: 12px; white-space: nowrap; padding: 0; }

Да, ссори, видимо я ошибся. Но тем не менее, имхо, лучше такие вещи делать на top, bottom, чтобы отступы всегда были фиксированные.