Scheduler not working for me in IE8 standard mode.

Hi,

I am new to this technology so any help apreciated.

I only seem to be able to get the code below to work on IE – quirk mode and not IE 8 standard mode.
(This really surprised me looking at the DHTMLX website)
I do not seem to be able to get it to work in Firefox 3.6 either.

The other thing I noticed was that my ‘copyright statement’ and ‘text’ are overwritten by the scheduler on loading.

Please note the following.

  1. I am using ‘tiles’ and therefore the need to use window.onload=init; rather than having the function call on the which is generic for lots of pages.
  2. I have tried placing a
    container around the “scheduler_here” with height:100%; but no change.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
     
    <html>
       
       <head> 
          <title>Display User Page</title> 
          
          <meta http-equiv="content-type" 
    		    content="text/html;charset=utf-8">
          
          <link rel="stylesheet" href="/xxx/css/templateheader.css" type="text/css">
          <link rel="stylesheet" href="/xxx/css/user.css" type="text/css"> 
          <link rel="stylesheet" href="/xxx/scheduler/dhtmlxscheduler.css" type="text/css" charset="utf-8"> 
       </head>
       <body> 
         <table width="100%" border="0">
          <tr>
            <td>
     
    <script type="text/javascript" src="/xxx/js/jquery-1.5.2.min.js"></script> 
    <script type="text/javascript" src="/xxx/js/jquery.jclock_4.js"></script>
     
    <script type="text/javascript"> 
        $(function($) {
          $('.jclock').jclock();
        });
    </script>
        
    <img src="/xxx/Logo.png" alt="" height="80" width="150">
    <div id="header">
      Current Time: 
      23/04/2011
      <div id="clock" class="jclock"></div>
    </div>      
    <hr> </td>  
          </tr>
         <tr>
            <td valign="top" align="left">
             
     
     
    <script src="/xxx/scheduler/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
     
    <script type="text/javascript" charset="utf-8"> 
       function init() {
    	        scheduler.config.scroll_hour=9; 
                scheduler.init('scheduler_here',null,"week");
                scheduler.load();
    	     }
    </script>
      
         
    <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
       <div class="dhx_cal_navline">
          <div class="dhx_cal_prev_button">&nbsp;</div>
          <div class="dhx_cal_next_button">&nbsp;</div>
    	  <div class="dhx_cal_today_button"></div>
     	  <div class="dhx_cal_date"></div>
      	  <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
    	  <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
     	  <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
    	</div>
    	<div class="dhx_cal_header"></div>
    	<div class="dhx_cal_data"></div>		
    </div>
     
    <div>           
    Text
    </div>      
    <script type="text/javascript">window.onload=init;</script>   
            </td>  
         </tr>
         <tr>
            <td>Copyright </td>  
         </tr>
         </table> 
       </body> 
    </html>

Managed to get this to work I needed a

around the scheduler with fixed size.
style=‘width:500px; height:300px’