Problem with The bottom of my wrap is moving with the scroll up and down.

Go down

Solved Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 22nd 2020, 7:11 pm

Hey, guys...
I'm not sure how to describe this, but I will try.

I am making a forum wrap to be separate by 3 pieces - it's actually parchment image where I separate it.
Please, check my CSS for #wrap:
Code:
#wrap { padding: 0px; background: url(https://i.ibb.co/rkpf55S/vtoricenter.png) top center repeat-y  ;
width: 1150px; margin-top: 309px;}
#page-body {    padding: 25px; width: 1100px; margin: 0px;}
#search-box, .search-box, fieldset.vf_jumpbox, fieldset.jumpbox {display: none;}
#page-footer, div.navbar, div.navbar ul.linklist {padding-left: 10px; font-size: 10px !important; }
body {
 background: url(https://i.ibb.co/QjXT4FJ/top.png) no-repeat, url(https://i.ibb.co/PxY0xzx/bottom.png) no-repeat , url(https://i.pinimg.com/originals/12/91/95/129195b9774e32056d90153286ad4e18.jpg) repeat ;
 background-position: center top, center bottom, center top;
 background-attachment: scroll,  fixed, scroll; 
 background-color: #f2e5ae;}

Please, check my forum as well: https://torenti.bulgarianforum.net/
When you go in the forum, in the back side you can barely see the "bottom" piece of the parchment moving around, when you scroll up or down.
My question is - How to make it static in the bottom and where is the Who is online statistics, to be there?

Thank you for your help!


Last edited by rad.nikolov95 on June 25th 2020, 7:42 pm; edited 1 time in total
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by SLGray on June 22nd 2020, 8:06 pm

Do you mean the  part that is marked in this secreenshot?
wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Scroll10


wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Keep_s10
wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 48515
Reputation : 3399
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 22nd 2020, 8:07 pm

If it's moving up and down, when you scrolling - yes.

Edit: I think that what you post it's the problem.
I put this picture to position margin-bottom, but it's not stand in the bottom, but it's going up and down when you scroll the page.
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 22nd 2020, 8:47 pm

find this in your css and delete it
url(https://i.ibb.co/PxY0xzx/bottom.png) no-repeat ,
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 22nd 2020, 8:51 pm

My problem is not that I want to delete this part.
I want to "stuck" it down /bottom/ of the page, where is Who is Online, not to go with my scrolling around.
Is there some chance?
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 22nd 2020, 9:59 pm

in order for the image to not scroll you have to set it
background-attachment: fixed;
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 22nd 2020, 10:01 pm

Yes, it is.
Please, check my CSS in this part:

Code:
body {
 background: url(https://i.ibb.co/1v6tH6d/newtoptop.png) no-repeat, url(https://i.ibb.co/PxY0xzx/bottom.png) no-repeat , url(https://i.pinimg.com/originals/12/91/95/129195b9774e32056d90153286ad4e18.jpg) repeat ;
 background-position: center top, center bottom, center top;
 background-attachment: scroll, fixed, scroll; 
 background-color: #f2e5ae;}
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 22nd 2020, 10:13 pm

Yes i see it but some browsers versions do not support multiple background images on one element
Maybe that is why the image dont apply to your css
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 22nd 2020, 10:29 pm

My browser is not making me a problem, because there is two backgrounds in the top, one in the middle and I'm trying to put to the bottom, but it's not happen.
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by SLGray on June 23rd 2020, 12:17 am

But is there not already a background iumag for the whole forum from top to bottom?  I mean I see one for the who's online section.


wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Keep_s10
wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 48515
Reputation : 3399
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 23rd 2020, 9:00 am

@SLGray wrote:But is there not already a background iumag for the whole forum from top to bottom?  I mean I see one for the who's online section.

yes i was wondering also , if you make that image fixed will be hidden underneath the others
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 23rd 2020, 11:23 am

From the screenshot of SLGray, I put this bottom image in fixed, but I put !important as well and the image stuck, but... it's stucked in the top.

I want to make this part to be down, where is Who is Online section and to make it like completely parchment. Now it look like - it's good at the top and the middle, but the middle image of the parchment goes beyond Who is Online Section.

So, my point is - I would like to put the bottom image (https://i.ibb.co/PxY0xzx/bottom.png - this one), in the bottom of the page to be completely parchment like this image - https://i.ibb.co/tcqXJDC/paper-png-clipart-psd-vector-download-13.png

So, that's why I don't understand - everything else is correct, also bottom codes, but it's not make it down.
Probably, if I put this in the footer page?

Edit: Please, check this image:
wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Whoisonline

This part, where I made it with white, down, bottom, it's going up and down, when I scrolling around. How I can fixed it /without texting "fixed" in css, because It Is fixed/ so this part could stay down, looking like complete parchment?
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 23rd 2020, 11:41 am

now it is visible what are you trying to do
you want this to be fixed

wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Scre1963
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 23rd 2020, 11:42 am

@skouliki wrote:now it is visible what are you trying to do
you want this to be fixed

wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Scre1963

Correct, I edit my last post, you can see there what I mean.
Thank you!
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 23rd 2020, 12:01 pm

i make it fixed but it is not in place
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 23rd 2020, 12:09 pm

I know, that's why I am trying to get any help, if you know how to fixed it. Sad
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 23rd 2020, 2:17 pm

you have also this

Code:

#wrap {
    padding: 0px;
    background: url(https://i.ibb.co/rkpf55S/vtoricenter.png) top center repeat-y;
    width: 1150px;
    margin-top: 309px;

so you have 3 background images set as background to body element and another one to wrap element
it is causing a conflict


use 1 only https://i.servimg.com/u/f28/11/40/02/06/1591.png

wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  1591

skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

SarkZKalie likes this post

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 23rd 2020, 2:42 pm

That's good idea, skouliki, but there is a problem - I can't put one photo with, let's say for example - 1150 px width and 750px height, because there will have more forums, who will be created and this will not be enough.

The other solution that I can see, I can extend the middle part of your photo to cover all forums and categories? But still in the topic, if they write more than this, it will appear the first top pixels down again, because of the repeat effect. If there is no repeat effect is going to be clear.
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by SarkZKalie on June 24th 2020, 8:29 pm

Hello

Here's my solution, just give it a try Smile
Code:
body {
    background: url(https://i.ibb.co/1v6tH6d/newtoptop.png) no-repeat, url(https://i.pinimg.com/originals/12/91/95/129195b9774e32056d90153286ad4e18.jpg) repeat;
    background-position: center top;
    background-attachment: scroll;
    background-color: #f2e5ae;
}
body:after {
    content: "";
    background: url(https://i.ibb.co/PxY0xzx/bottom.png);
    height: 310px;
    width: 1250px;
    display: block;
    margin: -6px auto 20px auto;
}

Please consider uploading your images to an image hosting with short-link supported, like https://imgur.com or https://servimg.com/


wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1211
Reputation : 198
Language : English

View user profile https://rotavn.forumotion.com/

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by rad.nikolov95 on June 25th 2020, 6:30 pm

Thank you for your suggestion where to upload. Cheers.

About the css code.
It's happened and it looks amazing.
But...
There is one problem, that I'm trying to solve, but I couldn't with some margin codes...
Could you help me?
I will attach image, where you can see what I mean.
I want the bottom image to go up a little bit, just to be together, because it looks not good.

Please, check this out:
Spoiler:
wrap - Problem with The bottom of my wrap is moving with the scroll up and down.  Problem3

Edit:
It's done - I had to change your margin writing, I made it.
Oh, thank you so much for your help!
Thanks to everybody, who tried to help me!
You are amazing support!

Solved.
rad.nikolov95
rad.nikolov95
Forumember

Posts : 72
Reputation : 1
Language : Bulgarian, English

View user profile http://the-chosen-one.bulgarianforum.net

SarkZKalie likes this post

Back to top Go down

Solved Re: Problem with The bottom of my wrap is moving with the scroll up and down.

Post by skouliki on June 25th 2020, 8:49 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 10030
Reputation : 1282
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum