overflow:auto
-
Hi Guys I have a list of items that span the width of their parent div, and they have left and right aligned text. I have put this list into it's own div which CSS is set to overflow:auto. This works great apart from one minor detail... When the scroll bars appear, the vertiacal one hides the right most text. Is there a way to combat this? I don't want to change the width as the page is going to be viewable accross many resolutions, and the list items line up nicely with other parts of the page. Thanks :-D
oooo, the Jedi's will feel this one....
-
Hi Guys I have a list of items that span the width of their parent div, and they have left and right aligned text. I have put this list into it's own div which CSS is set to overflow:auto. This works great apart from one minor detail... When the scroll bars appear, the vertiacal one hides the right most text. Is there a way to combat this? I don't want to change the width as the page is going to be viewable accross many resolutions, and the list items line up nicely with other parts of the page. Thanks :-D
oooo, the Jedi's will feel this one....
Can't you simply reduce the width of the list box to leave space on the right to accommodate the vertical scroll??
-
Can't you simply reduce the width of the list box to leave space on the right to accommodate the vertical scroll??
Thanks for you reply, The thing is, I don't want to fix the width or the list box so that it looks pretty much the same accross different resolutions. I did try messing about with the width as a percentage, but that makes it look funny when the browser isn't full screen... Do you know of a way without fixing the width? I could do that, but only as a last resort. Cheers, :-D
oooo, the Jedi's will feel this one....
-
Thanks for you reply, The thing is, I don't want to fix the width or the list box so that it looks pretty much the same accross different resolutions. I did try messing about with the width as a percentage, but that makes it look funny when the browser isn't full screen... Do you know of a way without fixing the width? I could do that, but only as a last resort. Cheers, :-D
oooo, the Jedi's will feel this one....
I'm not able to think of any other way to do it.
-
I'm not able to think of any other way to do it.
Thanks anyway... Just so you know, after much playing around, I have kind of solved the right aligned stuff by applying padding. This does make it look slightly odd when the scroll bars are not visible, but it's working better than the fixed width option. Thank you for you time. :-D
oooo, the Jedi's will feel this one....
-
Thanks anyway... Just so you know, after much playing around, I have kind of solved the right aligned stuff by applying padding. This does make it look slightly odd when the scroll bars are not visible, but it's working better than the fixed width option. Thank you for you time. :-D
oooo, the Jedi's will feel this one....
You were able to do it with padding? I tried with padding and margins before my previous reply, but was not able to achieve it. :omg:
-
You were able to do it with padding? I tried with padding and margins before my previous reply, but was not able to achieve it. :omg:
Yip... The right aligned items were already in their own div with their own CSS class, so I stuck
padding-right:20px;into the class, and it appears to be working nicely. Like I said though, this does mean that when the scroll bars are hidden, the right aligned text looks quite a distance from the edge, but I feel thats a small price to pay. :-Doooo, the Jedi's will feel this one....