Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
 
Рейтинг: Рейтинг темы: голосов - 19, средняя оценка - 4.84
Randow
0 / 0 / 2
Регистрация: 27.01.2014
Сообщений: 49
#1

Растянуть бэкграунд по высоте - HTML, CSS

16.07.2014, 14:21. Просмотров 3419. Ответов 20
Метки нет (Все метки)

Здравствуйте, форумчане!

Не кидайтесь помидорками, пожалуйста, я знаю, что эта тема - давний баян, но я нашла несостыковку.
Значится, в чем вопрос: Дано у меня body, у которого бэкграунд - картинка. Тан у меня внутренний div, у которого бэкграунд - градиент. У меня изначально был косяк - картинка шла по всему пространству экрана, а градиент захватывал только содержимое. Мне же его нужно на ту же область растянуть, что и body. В чем я нашла решение:
html, body {height: 100%;}
И все работает! Но.
Если я увеличиваю масштаб до появления полосы прокрутки (проверяю с позиции юзверя со зрением в -over9000 или просто владельцев мониторов с разрешением 800х600 ), то бэкграунд дива (тот, что градиент) распространяется только на... скажем так, один экран. Т.е. прокрутил ниже - а там только картинка, без градиента.
Как справиться с этим?
Заранее спасибо.

Добавлено через 1 минуту
Кстати, если масштаб страницы наоборот уменьшаю, то все растягивается, как и положено.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.07.2014, 14:21
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Растянуть бэкграунд по высоте (HTML, CSS):

Как растянуть бэкграунд для всех браузеров на весь экран?
Товарищи, добрый день. Знаю я мало, но вот пытаюсь украсить свой сайт. Сделал...

Как растянуть li по высоте
Может кто подскажет, столкнулся я с такой такой задачей. Есть блок ul в нем...

Растянуть див по высоте содержимого
Доброе время суток! Помогите пожалуйста есть разметка. Три дива вложены один в...

Растянуть блок по всей высоте
Здравствуйте! Есть html код <!DOCTYPE HTML> <html> <head> ...

Не могу растянуть по высоте меню
Здравствуйте, использую bootstrap, при уменьшении экрана левое меню (План,...

Растянуть div на 100% по высоте
Похожие темы на форуме вроде есть, но ответа так и не нашел. Такая ситуация...

20
Randow
0 / 0 / 2
Регистрация: 27.01.2014
Сообщений: 49
16.07.2014, 17:18  [ТС] #21
Цитата Сообщение от _Я_ Посмотреть сообщение
Да и добавь
Спасибо, добавила

Да, стили у меня прописаны сейчас слишком примитивно, т.к. я и сама не научилась мыслить более масштабно, но это со временем пройдет/уберется)) я надеюсь

спасибо обоим за помощь! Очень помогли и направили в правильное русло
0
16.07.2014, 17:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2014, 17:18
Привет! Вот еще темы с решениями:

Как растянуть картинку по высоте?
Ребята такая проблема я хочу сделать фоном картинку. но выходит что в моём...

Растянуть картинку по высоте body
Всем привет, есть такая проблема, есть картинка, я ее растягиваю в блоке...

Как растянуть div по высоте родителя
Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на...

Растянуть по высоте (резиновая высота div)
Есть конструкция страницы - см. рисунок. Верстка блочная. Необходимо чтоб...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
21
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru