Replies

Jul 21, 2021 4 years ago
Laur
Read Between The Lines
User Avatar
Apos

I'm not much of a coder, but I'm good at figuring out justttt enough to do what I want to do. Normally.

However, it seems like every time I alter CSS, I accidentally create a second scrollbar on the pet profile. With Apos's, I "solved" the problem by making putting the description and treasure side-by-side in scroll boxes so that the page doesn't stretch that far down. Not really a solution, but a workaround.

The same just happened to

Hyssop when I was playing with treasure sections. Can anyone advise me as to what may be creating the second scrollbar and how I can fix it?



Seeking pets with the following birthdays:
May 2, 2018
December 9, 2018

Jul 21, 2021 4 years ago
Elementary, my dear
Written
User Avatar

On mine I used overflow: hidden on the body.

body {overflow: hidden;}

That should still allow it to scroll on the content level. It's been a while since I've actually created the code but that's what it looks like is happening.

[Edit]Alternatively, you could put the overflow: hidden on the level.

The past is written, but the future is left for us to write. ~ Picard

Jul 21, 2021 4 years ago
Laur
Read Between The Lines
User Avatar
Apos

: Using that, it won't scroll all the way down the TC (It gets cut off).

Another user suggested code that essentially hides the scrollbar, but the box is still there since it scrolls differently depending on where I'm scrolling down with my mouse. Best solution so far though, since it looks correct and functions (mostly) fine.

I'm trying to understand why it functions this way though. Is almost seems like the content or body area is a set size and then any CSS to expand it in any way will cause the double scrollbar. But clearly there is built-in flexibility somewhere since pets with really large TCs (but no custom CSS) don't run into this issue.



Seeking pets with the following birthdays:
May 2, 2018
December 9, 2018

Jul 21, 2021 4 years ago
Luck
is unlucky
User Avatar
Bella

try overflow:visible ?

he/him / 31 / EST



My best friend is



Jul 21, 2021 4 years ago
Laur
Read Between The Lines
User Avatar
Apos

Thank you, !

The problem has been solved. If other are having this issue, the following code should help:

{ padding-top: 15px; padding-bottom: 75px; position: relative; overflow: hidden; height: 100% !important; }



Seeking pets with the following birthdays:
May 2, 2018
December 9, 2018

Jul 21, 2021 4 years ago
Elementary, my dear
Written
User Avatar

Yeah, I'm looking at my code, and it seems that I made the margin-bottom of the TC just really big so things wouldn't get cut off - which only works if you actually have things in the TC.

It may solve the problem (it seems to be working thus far) to put a padding-bottom under the pet_desc or the TC.

[Edit]Sorry! I didn't refresh the page and see that others had posted. :)

The past is written, but the future is left for us to write. ~ Picard

Please log in to reply to this topic.