Помощь по CSS
1.
Дмитрий (24.12.2014 / 17:19)
Здравствуйте уважаемые. Подскажите по css вопросик небольшой.
Вот пример -
http://zaka-zaka.com/game/saints-row-4
На страничке стенка ВК встроенный виджет.
Вопрос, как сделать на сайте так чтобы сообщения с вк листались сколь угодно долго "к предыдущим записям" и при этом фоновое изображение оставалось зафиксированным и никуда не уезжало?
Буду благодарен за помощь.
2.
Александр (24.12.2014 / 19:10)
#wcomments_posts_wrap {overflow: auto;height: 400px;}
в стиль добавь себе должно помочь, если я правильно понял, что ты хочешь..
3.
Дмитрий (24.12.2014 / 22:35)
2.
A.Great, не, смотри в чем проблема, я когда нажимаю все записи у меня вк фон страницы красит в параметр background-color а у меня стоит как на заке bacgrounde фон. Так вот у меня фон кончается и остается просто цвет. Я хочу как у них фон стоит на месте не оголяя background-color. Понимаешь о чем я?
4.
Александр (24.12.2014 / 22:40)
3.
-DM-, может тебе свойство background-attachment нужно?
5.
Дмитрий (24.12.2014 / 22:59)
4.
klesh, да я редачил его. нужного эффекта не добился...
6.
ramzes (25.12.2014 / 00:38)
background: url(...) center center fixed no-repeat #fff;
типа того
7.
Дмитрий (25.12.2014 / 01:17)
6.
ramzes, неа ( Собсна проблема скрин -
http://dropmefiles.com/rqhHG
Кусок кода из стиля моего.
#background {
background: url(../images/bodybig.jpg) no-repeat ;
background-attachment: fixed;
background-position: right bottom;
min-height: 2000px;
border-top: 0px solid ;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
}
8.
ramzes (25.12.2014 / 01:26)
честно сказать, ни фига не понятна суть.
стрелочками что ли обознач, что и как
9.
Дмитрий (25.12.2014 / 01:29)
#background {
background: url(../images/bodybig.jpg) no-repeat; /* фон, без повторений */
background-attachment: fixed; /* фиксируем */
background-position: right bottom; /* положение фона */
min-height: 2000; /* минимальная длина */
border-top: 0px solid ; /* Современные браузеры */
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
background-size: 100%; /* Современные браузеры */
}
10.
ramzes (25.12.2014 / 01:30)
на живом примере твоем у меня все нормально. елочки, игрушки, и ни какого постороннего фона
___
я не про ксс говорил непонятно, а про скрин xD
11.
Дмитрий (25.12.2014 / 01:33)
Так со стеной вк проблемы только.
12.
ramzes (25.12.2014 / 01:35)
так нет же ни каких проблем. с др браузера пробовал?
13.
Дмитрий (25.12.2014 / 01:36)
12.
ramzes, у меня со всех есть... (
14.
ramzes (25.12.2014 / 01:37)
скрин что то не крепится
http://1drv.ms/1CLE8ug
15.
Дмитрий (25.12.2014 / 01:41)
14.
ramzes, ха-ха ты не так меня понял ) надо сделать как на этом сайте) сам сайт не мой.
16.
ramzes (25.12.2014 / 01:43)
15.
-DM-,
<body style="background: url(http://zaka-zaka.com/i/bg/background_final-bad.jpg) 50% 0px no-repeat fixed rgb(255, 255, 255);">
вот их стиль.
пока ты живую страницу свою не покажешь видимо не пойму что у тебя не так.
после изменения css Ctr+F% жал надеюсь?
17.
Дмитрий (25.12.2014 / 01:46)
скинул живую страничку
18.
ramzes (25.12.2014 / 01:47)
че могу предложить.
смотри.
фон неподвижный вешаешь на блок или боди.
в нем
создаешь еще один блок с шириной вк-виджета.
уже внутри этого блока вставляешь виджет.
фон из виджета не вылезет за границы блока ну ни как.
<body style="background:.......; width: 100%; min-height: 100%">
<div style="width: 50%; min-width: 640px; margin: 0 auto;">
{vk_vidget}
</div>
</bdy>
19.
Дмитрий (25.12.2014 / 01:51)
18.
ramzes, не уловил что-то мысль 0_о сделать в блоке сss фон? ну так он будет только внутри блока, мне же надо на всей странице... Можешь как то разжевать мысль, я не мастер ксс если чесн...
Добавлено через 02:28 сек.
Или создать отдельное боди? или запись сделать в новом боди? а как же ксс оттуда же все подключается. крч чето я туплю ((
20.
ramzes (25.12.2014 / 01:54)
<div id="adboxtransparentbody"> вот этот блок
CSS свойство
height: 990px;
убери его. и все.
у тебя проблема в другом месте была.
див с фоном у тебя просто кончался
21.
Дмитрий (25.12.2014 / 01:56)
20.
ramzes, ща
Добавлено через 01:07 сек.
20.
ramzes, пля...
Добавлено через 01:37 сек.
Как стыдно то. Спасибо тебе дружище) Я знал что на висах мне подскажут
22.
ramzes (25.12.2014 / 01:57)
F12 в хроме пользуйся
23.
Дмитрий (25.12.2014 / 01:59)
22.
ramzes, дак я юзаю вроде :\
24.
ramzes (25.12.2014 / 02:01)
23.
-DM-, справа все свойства выбранного блока, смотришь там что может мешать ожидаемой работе элемента и меняешь.
там прям налету меняется, можно смотреть что будет со страницей если изменить ксс тут то и тут то
25.
Дмитрий (25.12.2014 / 02:03)
24. надо присмотреться к инструменту повнимательнее.
URL:
https://visavi.net/topics/41751