[РЕШЕНО] Резиновый фон в верхнем колонтитуле
Правильное размещение фона
pragma
Приветствую. Скажите как сделать что бы фоновое изображение в верхнем колонтитуле было полностью видно. Без повторов и без того что бы часть изображения скрывалось.
На адаптивном дизайне.
Что бы на разных разрешениях его было видно полностью.
Редактировалось: 1 раз (Последний: 6 марта 2015 в 17:38)
WaRRan
А сейчас разве не так? Попробовал вставить, адаптируется под расширение нормально. Вставить через Верх. кол. --> Фоновое изображение
pragma
Так и делаю.

На разных разрешениях выглядит по разному. Пример на рисунках:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Изменяю разрешение:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
Handy
Не исправить одной строкой. Надо переделывать все стили для header и в простом и в адаптивном файле стилей.
И проверять под каждое разрешение и браузер.
Чем не устраивает то что есть? Надо использовать компромиссы. Оптимизировать изображение так что бы все помещалось. music
Редактировалось: 1 раз (Последний: 6 марта 2015 в 19:55)
качественное продвижение и раскрутка сайтов в сеопульте
pragma
Handi:
Надо использовать компромиссы. Оптимизировать изображение так что бы все помещалось

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

Тему не закрываю может кто подскажет решение. Мне желательно что бы было так как мне надо.
Malover
Для вставки адаптивного изображения используют:
Код PHP:
  1.  
  2. img {
  3. max-width: 100%;
  4. height: auto;
  5. }
  6.  
Но для фона это не работает. В программе уже все максимально сделано по этому поводу.
Лучше сделать трудно.

Если есть желание экспериментировать то вот пара статей в тему:
Скрытый текст виден только зарегистрированным пользователям

Скрытый текст виден только зарегистрированным пользователям
pragma
Спасибо, попробую. Возможно первый вариант меня устроит.
Степаныч
Можно попробовать вставить картинку не как фон, а как простое изображение, но не в программе а в ручную, или сделать наметку в программе вставкой любого изображения, а потом отредактировать под необходимое.
Использовать header как контейнер и в него вставить изображение.
Тогда:

Код PHP:
  1.  
  2. img {
  3. max-width: 100%;
  4. height: auto;
  5. }
  6.  
Должно работать.
FDmitriy
У шапки надо будет убирать фиксированную высоту. Иначе изображение будет то выходить за пределы то не хватать по высоте.
pragma
Спасибо за советы. Вопрос решил. Тема закрыта
Перейти на форум: