Categories | Question details Back To List | ||||||||
Resizing of containing div I am trying to attach the calendar control to a text input. Everything appears to work until the date value is selected. This event changes the height of the enclosing div, effectively hiding most of the form contents. Any help is greatly appreciated. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Date Picker Issue</title> <!-- style sheets --> <link rel='stylesheet' type='text/css' href='/stylesheets/dhtmlxcalendar.css'/> <!-- javascript libraries --> <script src='/javascript/dhtmlxcalendar.js'></script> <script src='/javascript/dhtmlxcommon.js' ></script> <style> #container { position: absolute; background-color: gray; width: 98%; height: 98%; min-height: 250px; min-width: 400px; } #content { background-color: white; position: absolute; overflow: auto; padding: 5px; bottom: 90%; top: 80px; bottom: 50px; left: 80px; right: 0; } </style> <script> window.onload=function(){var cal1 = new dhtmlxCalendarObject('calInput1');} </script> </head> <body> <div id="container"> <span id="content"> <div> <form action='Self.cgi' method='post'> <input type="text" id="calInput1" class="css1" readonly="true"> <br><br> </form> </div> </span> </div> </body> </html> Answer posted by Alex (support) on Apr 09, 2009 06:33 The issue was not reproduced locally. Please, see attached sample Attachments (1)
|