помогите пожалуйста советом по верстке - HTML & Веб-Дизайн

Первый пост

Опции темы

18.12.2016, 03:20

santeyyy81

Интересующийся

Пол: Мужской

Инвестирую в: Другое

Регистрация: 10.04.2012

Сообщений: 108

Благодарностей: 10

Доброго времени суток. Помогите советом, не могу никак разобраться. делаю себе страничку tehno-plus.pp.ua/ . поместил фон страницы задал высоту, но на разных разрешениях экрана он по разному, то обрезан, то очень мал и внизу пол страницы белого. Подскажите как его сделать чтобы оно на всех экранах было по горизонтали по центру занимало где то 60% экрана, а по вертикали пропорционально чуть скролилось вниз потому что картинка длинная. И с дивом не понятно как под все экраны сделать, на мобильных экранах его вообще половину не видно и буквы вылезают с него. помогите советом пожалуйста.

19.12.2016, 03:21

Streichholz

Профессионал

Имя: Владислав

Пол: Мужской

Инвестирую в: HYIP

Регистрация: 27.06.2012

Сообщений: 955

Благодарностей: 443

немного не понял,попробуйте так

Цитата:

body { background-image: url(/5080.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 80% 100%;
min-height: 1900px;

}
div {
opacity: 0.9;
background: #228B22; /* Цвет фона */
padding: 5px; /* Поля вокруг текста */
padding-bottom:15px;
width:60%;
min-height:20%;
position:absolute;
left:20%;
top:90%

}

11.01.2017, 23:14

bjorn

Интересующийся

Регистрация: 24.02.2016

Сообщений: 20

Благодарностей: 5

Re: помогите пожалуйста советом по верстке

Вы хотите чтобы эта картинка была именно фоном? Потому что на ней практически контент. Еще и дублирующий текст на страничке. Вообще коряво, конечно.
Если все-таки делать как вы хотите, то нужно ее не бекграундом делать, а картинкой в блоке, чтобы нижний край не обрезался в зависимости от разрешения экрана. Помещаете картинку в див, задаете для дива позиционирование по центру и максимальную ширину для картинки в 60%, раз уж это вам нужно. Зеленый полупрозрачный блок с текстом вставляйте в блок с картинкой, используйте позиционирование (возможно с доп. оборачивающим зеленый блок дивом) для настройки его расположения в блоке.
Вооще, конечно, все это надо снести, найти какой-нибудь шаблон лендинга в инете и сделать на основе него.