html - When Div Expands my screen does not activate a scroll bar -
as can see, when div expands have no option scroll down , i'm wondering how go fixing this. here css
<style> #cust_info { width: 300px; min-height:350px; margin: 0 auto; padding: 1em; background-color: #fff; border-radius: 25px; border: 2px solid #66ccff; padding: 20px; position: fixed; top: 100px; left: 40px; font-family: arial; } .more { display: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } a.showlink, a.hidelink { text-decoration: none; color: #36f; padding-left: 8px; background: transparent url(down.gif) no-repeat left; } a.hidelink { background: transparent url(up.gif) no-repeat left; } a.showlink:hover, a.hidelink:hover { border-bottom: 1px dotted #36f; } </style>
i gave div min height expand without text leaving area, when div expands past screen lose of div.
please remove position:fixed
#cust_info id
.
removing automatically give scroll in page.
for keeping left align, give float:left
#cust_info
.
Comments
Post a Comment