Как использовать фоновое изображение больше, чем видимая область

У меня есть ширина изображения bg 1300px.Как использовать фоновое изображение больше, чем видимая область

Я создаю контейнер #header с шириной: 100% background-image ('image-bg') center; Содержимое имеет 960px; margin: 0 auto; так что всегда будет в центре.

#header находится в контейнере #page, который также имеет 100% фоновое изображение ('образ-bg-border'); просто для создания красивой границы

Но теперь, когда я изменяю размер браузера на значениях малой ширины, #page, body, html меньше, чем содержимое в #header или другом элементе с 960px; margin: 0 auto.

Что делать, чтобы #page была, по крайней мере, такой же, как и #header, при изменении размера на маленькой ширине? Temp link: удален

EDIT: Посмотрите страницу div # при изменении размера браузера по ширине на меньших значениях. #header на одной пинте становится больше, чем #page, чтобы увидеть этот свиток вправо по горизонтали.

источник

2012-01-23 Alqin

Извините, вопрос непонятен. Страница, на которую вы ссылаетесь, получает горизонтальную полосу прокрутки, если вы делаете ее более узкой. Разве это не то, что вы хотите? Тогда вам лучше объяснить. –

При многократном изменении размера браузера по ширине и малым значениям #page и #header должны оставаться теми же, но #page становится меньше. Чтобы увидеть этот браузер с изменяемым размеру до небольшой ширины, прокрутите по горизонтали вправо. Используйте что-то вроде google chrome, инструменты для разработчиков (очевидно, вы это знаете, если не вы не могли мне помочь) – Alqin

Страница div # не имеет ширины, поэтому по умолчанию она зависит от ширины окна. У бренда заголовка № внутри него есть минимальная ширина 960 пикселей, поэтому он будет расширяться за пределами области страницы div #.

Вы хотите, чтобы страница div # имела минимальную ширину 960 px или вы хотите ограничить всю страницу шириной окна?

источник

2012-01-23 21:50:47

Я полностью пропустил это для страницы div #. Я решил это. Есть еще одна проблема при одинаковом изменении размера. Если вы прокручиваете верхнюю часть страницы, а размер браузера на небольшом размере, шрифт становится немного меньше. Зачем? – Alqin

@Alqin Извините за то, что вы так долго возвращались к вам. Трудный день. Но у вас есть '@media (max-width: 650px)' в вашей таблице стилей в двадцать один, что уменьшает размер шрифта на более узких экранах. –

Это нормально, спасибо за помощь. Мне еще многое предстоит узнать. – Alqin

Как использовать фоновое изображение больше, чем видимая область

ответ

Смежные вопросы