I was just going over my profile for .James. and for some odd reason in Chrome the story div doesn't scroll for me. It works fine in Internet Explorer though.
I'm not sure in Firefox or any other browser because Chrome and IE are the only browsers on my computer.
Can someone else check to see if it works for them and if not, what can be done to fix the issue?
Huge thanks in advance. :)
| | | |
Well, it doesn't have a scrollbar in chrome/opera anymore but I can still scroll through it using keyboard keys.
You seem to have some sort of scrollbar coding in your source code, near the end, since that only works for webkit browsers aka Opera and Chrome in this case it's probably that section messing it up.
Okay really weird... defining the pet_treasure is what is messing up your scrollbar on your story... and I have no idea why because I've literally never had that happen before. I don't see any issue with the code tho :x
Thanks for the help.
I thought possibly moving sections might help but that was no use. I did however remove the webkit scrollbar coding hoping that was the issue but it made no difference.
I have no real idea on coding, I can adjust numbers and such but nothing more so I'm unsure of how to fix the problem.
| | | |
I can actually see the scrollbar in Chrome now though...?
Yeah, I don't like it showing but I'm afraid to put the coding back in to hide it, thinking it might screw up the profile even more.
| | | |
Eh, gotcha. Okay, so I don't know if you actually want to do that but if you WANT the scrollbar completely covered but functional for someone with a mouse scrolling wheel, you can find this bit of code
and change it so that it looks like this:
Then find this bit of code
{ position:absolute; top:410px; left:344px; height:223px; width:390px; overflow:auto; background: ; border:5px solid ; border-radius:5px; padding-right:5px; text-align:justify; box-shadow: 2px 2px 5px ; }
and replace it with this:
{ position:absolute; top:410px; left:344px; height:223px; width:390px; overflow:hidden; background: ; border:5px solid ; border-radius:5px; padding-right:5px; text-align:justify; box-shadow: 2px 2px 5px ;}
{height:210px; width:400px; overflow:auto; padding-top:5px; padding-left:5px; padding-bottom:10px; padding-right:15px;}
Result should look p much as before except no scrollbar and there is actually some space between the text and edges of the box now because yay space. Aka should look like [this] What it does is basically put the 'story' textbox inside a textbox I called 'scrollbox', only 'story' has greater width than the latter and the scrollbar is still there... but cut off. And you just can't see it.
Thank you so much for the coding.
I really didn't want the scrollbar to show, didn't look good to me having it there.
| | | |
No problem. Oh, also you might want to consider changing the bit of the profile that is gray font on orange (pet color info etc) it's actually very hard to read, at least on my screen.