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
Post a Comment