How to create div that can be dragged up to reveal content?

HELP WITH MAKING 2 SIDEBAR EXPAND WHEN CONTENT IS ADDED TO THE OTHER DIV?

  • I'm trying to make the sidebar expand when content is added to the main div. Can someone please help with this I've tried everything. Here's the code. <style type="text/css"> .clear{ clear:both; } .bg-lgold{/* Light Gold */ background-color:#eac985; } .roundLeft{ padding:30px; -webkit-border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px; behavior: url(./css/PIE.htc); } .bg-white{ background-color:#ffffff; } .roundRight{ padding:30px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; behavior: url(./css/PIE.htc); } </style> <body> <div id="main" style="min-height:350px; overflow:hidden;" class="clear"> <div id="left" class="bg-lgold roundLeft" style="width:200px;position:static;top:0... <p><img src="./img/sidebar_header.png" style="position:absolute;top:15px;"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><br> <img src="./img/sidebar_footer.png" style="position:absolute;bottom:15px;"><... </div><!--left--> <div id="right" class="bg-white roundRight" style="position:absolute; top:0px; bottom:0px; right:0px; left:260px; height:300px;"> <form action="" method="post" id="accountForm" style="position:absolute;"> <table> <tr><td class="right">Account Status</td><td class="right"><input class="roundAll-small" type="text" disabled="disabled" value="VIP" /></td></tr> <tr><td class="right">Password</td><td class="right"><input class="roundAll-small" type="password" value="password" /></td></tr> <tr><td class="right">Repeat Password</td><td class="right"><input class="roundAll-small" type="password" value="password" /></td></tr> <tr><td class="right">Email</td><td class="right"><input class="roundAll-small" type="email" value="[email protected]" /></td></tr> <tr><td class="right">What I'm Selling</td><td class="right"><input class="roundAll-small" type="text"></td></tr> </table> </form> <!--right--> </div><!--main--> </div> </body> </html>

  • Answer:

    I think you need javascript or jquery to do this.

JT SMOKER (STREET NAME) at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

I think you need javascript or jquery to do this.

Luke

use overflow:scroll; in CSS inside (div)

Fatima Zohra

use overflow:scroll; in CSS inside (div)

Fatima Zohra

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.