помогите по css

NW
На сайте с 08.12.2011
Offline
77
424

Здравствуйте!

ставил на сайте два фона слева направо, повтор только вниз!

html {

background: url('../image/vinzel-r.png');
background-repeat: repeat-y;
background-position:right;
}
body {
background:url('../image/vinzel.png');
background-repeat: repeat-y;
background-position: left;

}

во всех экранах пк норм, но на моб. устройствах левая картинка не повторяется, помогите решить проблему!

вот скрин

Анкета для новичков и профессионалов, вопросы могут быть разными!
S
На сайте с 26.01.2014
Offline
17
#1

Попробуйте это:

html, body {

height: 100%;

margin: 0;

overflow-x: hidden;

overflow-y: auto;

padding: 0;

width: 100%;

background-image: url("image/vinzel.png");

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

}

Занимаюсь созданием и продвижением сайтов, опыт 5 лет Doodle.TJ (http://doodle.tj)
NW
На сайте с 08.12.2011
Offline
77
#2
Snplus:
Попробуйте это:

html, body {
height: 100%;
...
}

Спасибо но это не решает вопрос, я ставлю две картинки а ваш вариант для одной!

[Удален]
#3

Какртинка повторяется, наверное, потому-что она очень большая!

Так-как на пк разрешение экрана 1024x720, а на моб. телефоне разрешение во много раз меньше! Вот поэтому картинка и повторяется!

infant
На сайте с 15.03.2008
Offline
170
#4

niko-web, не могу проверить пока ваш случай, но мне кажется, лучше делать на DIVах .

html и body не лучшее решение для оформления дизайна в целом.

Bytexpert
На сайте с 28.10.2007
Offline
68
#5

Разный фон для разных элементов, поэтому и результат отображения фона разный. Подключите оба фона к одному элементу: http://htmlbook.ru/faq/kak-dobavit-dva-fona-k-odnomu-elementu-cherez-css3 используйте современные возможности CSS.

Бесплатная программа для создания и сопровождения html-сайтов : WebProject (http://bytexpert.ru/webproject/) Бесплатная программа для пинга сайтов: pingxpert.com (http://pingxpert.com/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий