[GUIDE] Hidden Scrollbars

[ll W E i R D - G A S M ll]

Here I Am . . .

Left Staring At You Again . . .

- - - - - - - - - - - - - - - - - - - -

OHkies fhnkyeww for that..and i have gotten teh about section with the scrolling but the comments wont work and i cannot figure out how to get the about me section back up again..
can you tell me what im doing wrong with this too plz? neutral
i think that im missing something.. >.<"

For The Answers To All Of My Questions . . .

[Reichiru Tomoe]

Does this not work for IE? I use Firefox, but when I checked in IE only the boxes scrolled and not the text.

[KayleyV2]

Reichiru Tomoe

Does this not work for IE? I use Firefox, but when I checked in IE only the boxes scrolled and not the text.

Add this:
#comments{position: relative;}

Your problem seems like a normal issue with comments that have a scrollbar in IE. It doesn't have to everyone, but the problem pops up every now and then.

[XxStunna4xX]

where do you put the code???

[Reichiru Tomoe]

Kayley FC

Reichiru Tomoe

Does this not work for IE? I use Firefox, but when I checked in IE only the boxes scrolled and not the text.

Add this:
#comments{position: relative;}

Your problem seems like a normal issue with comments that have a scrollbar in IE. It doesn't have to everyone, but the problem pops up every now and then.

Hmm... doesn't seem to have fixed it. Maybe it's cause my comments code is so messy? sweatdrop I don't know.

[KayleyV2]

Without Faith

#about {overflow: hidden; overflow-x: hidden; overflow-y: hidden; height: hidden;}
#about {overflow-y: hidden; padding-right: 500px; height: 500px; width: 470px;}
thats what mine looks like in my coding -of course without the boldness-

I have seemed to make my scroll bar invisible, but it isn't move at all...
help..
please...

In the second line, overflow-y needs to be set to "auto" instead of "hidden". That is why it won't scroll.

EDIT: Also, your entire scroll is messed up because you didn't use an ol. Please read about ols on the front page.

In addition, you might want to replace your Gaia navigation bar at the top of your profile; it is against the rules to take it down.

@ Reichiru ~ I'm sorry; I do not know then. I don't work with IE often, and the code I gave you usually solves that specific problem. Try creating a new topic for it in the PD if you haven't already.

@ Chase ~ Put it under My Gaia --& Account Settings --& Profile Theme.

[Xx Beenie xX]

I can't seem to get a journal to scroll...

/* Journal */
#journal {
background: transparent;
width: 150px;
height: 200px;
position: absolute;
top: 830px;
left: 575px;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
}
#entries {
overflow-y: auto;
padding-right: 500px;
width: 155px;
height: 205px;
}

What am I doing wrong? The scrollbar isn't showing, but it won't scroll.

On another note: can you clarify something for me? Does the subsection (i.e. about ol, about ul, comments dl, entries, etc.) have to be larger (in width and height) or smaller than the main section (i.e. about, comments, journal)?

Also... when dealing with the about me section (not custom)... it seems that list=1 always works (with either about ol or about ul) when list never works. If I use list /list around the about section it either doesn't scroll or doesn't even show up on the profile.

[KayleyV2]

Xx Beenie xX

I can't seem to get a journal to scroll...

/* Journal */
#journal {
background: transparent;
width: 150px;
height: 200px;
position: absolute;
top: 830px;
left: 575px;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
}
#entries {
overflow-y: auto;
padding-right: 500px;
width: 155px;
height: 205px;
}

What am I doing wrong? The scrollbar isn't showing, but it won't scroll.

On another note: can you clarify something for me? Does the subsection (i.e. about ol, about ul, comments dl, entries, etc.) have to be larger (in width and height) or smaller than the main section (i.e. about, comments, journal)?

Also... when dealing with the about me section (not custom)... it seems that list=1 always works (with either about ol or about ul) when list never works. If I use list /list around the about section it either doesn't scroll or doesn't even show up on the profile.

For your journal problem, please post a link to the profile you need help with. I don't see anything explicitly wrong with your code, so I will need to check and see if anything else is interfering.

For the size, the width should be larger on the subsection. The height is up to you, but generally it should be smaller, because if it is too large the content at the bottom will not make it to the visible window.

I'm not sure about your problem with the list tags. List + #about ul works for me, as well as list=1 + #about ol.

[Sakeyaki]

Okay, I'm definitely doing something wrong. D: What do I need to fix/change to make it work properly?

(About section)

[list]Main "About" stuff here

[list=1]Ol stuff here (Quilt)

[list=1]More Ol stuff here (Links)[/list][/list][/list]

(CSS)

#about {text-align: justify;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
height: 240px;
margin-top: 520px;
margin-left: -20px;
font-size: 9px;}

#about ul {overflow-y: auto;
padding-right: 500px;
height: 220px;
width: 300px;}

If the custom areas are also needed, I'll be happy to post them.

[Smooligans]

I read all of the first page, and I thought I understood it all,
but when I went to go attempt to put it on my profile it didn't work. :gonk
Can you see what I did wrong?

[Angelic.Pulchritude]

Thank you for the guide! The hidden scrollbar works great for me in Firefox, however, when I checked it out in IE, there was an ugly horizontal scrollbar at the bottom. I rectified this problem by adding 'overflow-x: hidden' in the select2 part of the coding. However, although it eliminated the problem of the bottom scrollbar, it also made the text unscrollable at all in IE!

Any advice?

[Addiction_Caterd]

I work with IE and I also noticed that I can't scroll my text :/
I did changed the position to relative, but it only changed the place of the sections and I still couldn't move the text :/

I don't know if I did something wrong? I used this code

#comments {background:transparent; position:relative; width:440px; height:300px; left:-320px; top:330px; border:none; font-family:tahoma; font-size:10px; color: #000; overflow:auto; overflow-x: hidden; overflow-y: hidden; height: 300px;}
#comments dl {overflow-y: auto; padding-right: 500px; height: 250px; width: 390px;}

[KayleyV2]

Sakeyaki

Okay, I'm definitely doing something wrong. D: What do I need to fix/change to make it work properly?

(About section)

[list]Main "About" stuff here

[list=1]Ol stuff here (Quilt)

[list=1]More Ol stuff here (Links)[/list][/list][/list]

(CSS)

#about {text-align: justify;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
height: 240px;
margin-top: 520px;
margin-left: -20px;
font-size: 9px;}

#about ul {overflow-y: auto;
padding-right: 500px;
height: 220px;
width: 300px;}

If the custom areas are also needed, I'll be happy to post them.

With the way you have the #about coded, you needed to have #about ul where your #about is and #about ul ol where your #about ol is.

[KayleyV2]

Smooligans

I read all of the first page, and I thought I understood it all,
but when I went to go attempt to put it on my profile it didn't work. :gonk
Can you see what I did wrong?

I'm sorry for responding so late. You seem to have removed the coding from your profile because of that, so I can't give you an answer.


@ everyone else ~ SOrry, I can't help with any other problems at the moment. FOr some reason, whenever I try to load one of your profiles, my internet freezes. I'll try again tomorrow.