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

[santeyyy81]

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

 

[Streichholz]

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

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%

}

 

[bjorn]

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

 

[Richance]

Вероятнее всего у вас несоответствие в указанных параметрах.