css - Scrolling div within a non-scrolling div -


current code: http://jsfiddle.net/gdzpm/2/

i have rightsidedetails class div contents scroll, not rightsidecontainer class div. attempts have yielded text overflow lower division or visible (but disabled) scroll bar in content area.

.maincontent { position:relative; width:275px; } .leftside { position:relative; min-height: 485px; } .rightside { position:absolute; top:0px; left:100px; } .rightsidecontainer { height:175px; overflow:auto; } .rightsideheader { padding-left:30px; padding-top:6px; padding-right:20px; font-size:10px; font-weight:bold; font-size:14px; } .rightsidedetails { padding-left:20px; padding-top:15px; padding-right:30px; font-size:12px; } 

thank you.

you need set on actual div content if 1 want scrolling happen on. jsfiddle

.rightsidedetails {     padding-left:20px;     padding-top:15px;     padding-right:30px;     font-size:12px;     overflow-y: scroll;     height:100px; } 

i deleted overflow: auto; had earlier in code , added height , overflow-y actual content div. change whatever want.


Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

java.util.scanner - How to read and add only numbers to array from a text file -

iphone - Three second countdown in cocos2d -