C
R
E
A
T
E

A
D

Covering Scrollbar on pet Profile!
#1 :: June 28th, 2012 @ 1:14 AM
Stephanie
is FIERCE

User Avatar: 76347
8,420 Posts
670 Achievements







Hiya! First of all, thanks in advance for your help! For my pet, Kaitlin are her scrollbars showing on her description and treasure chest? Im pretty sure her TC scrollbars are covered but my problem is with her description box some of the text is being covered by the scrollbar cover(er?) and I can't seem to get it to fit so that the text isn't covered without the scrollbar showing. Any tips would be great! Code is below. Thanks!

Code:
#desc {
position: absolute;
left: 381px;
top: 139px;
width: 285px;
height: 500px;
text-shadow: 1px 1px #fff;
overflow: auto;
margin: 0;
padding: 0;
}


#desc:hover {
background-color: #BDD6ED;
}

#descbar {
position: absolute;
left: 649px;
top: 124px;
width: 30px;
height: 529px;
background-image: url(http://i1091.photobucket.com/albums/i394/sebanii/Subeta/Kaitlin/scroll.png);
padding: 0;
margin: 0;
z-index: 1;
}




#2 :: June 29th, 2012 @ 9:45 AM
Lypsyl
Is a Master Chef!

User Avatar: 124125
9,538 Posts
1,249 Achievements



@Stephanie - it looks fine to me (firefox, 1024x768). I briefly saw the scroll bars before the page finished loading, otherwise they weren't visible. I had no problem with the text getting cut off, but if you're concerned about that for different resolution/browsers, you might want to add some right padding in #desc:
Code:
padding-right: ??px;



Visit my pet Acajou--Visit my pet Noisette


#3 :: June 29th, 2012 @ 5:13 PM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@Stephanie
they look perfectly fine to me on chrome, too ^^;

art tumblr



#4 :: June 29th, 2012 @ 5:51 PM
Stephanie
is FIERCE

User Avatar: 76347
8,420 Posts
670 Achievements







@Lypsyl @angst thanks guys!

I'll add that padding you suggested!