// JavaScript Document

<div id="window" style="position:absolute; z-index:10; left:350px; top:160px; width:400px;background-color:#dde3eb; border:1px solid #464f5a;"> 
    
   <div style="padding-bottom:8px; width:400px; background-color:#718191; border-bottom:1px solid #464f5a;" onMouseDown="beginDrag(this.parentNode, event);"> 

      <div style="position:absolute; top:2px; left:5px; font-size:16px; font-weight:bold; color:#FFFFFF;">Drag me!</div> 
       
      <div style="position:absolute; top:3px; left:377px; float:right;" onClick="this.parentNode.parentNode.style.display = 'none';"> 

         <img src="How can I create a floating window on my html page.files/close_btn.gif" border="0"/> 

      </div> 
       
   </div> 
<br/> 
   <div style="margin-left:20px;">your content here...</div> 
    
   <div style="margin-left:30px;">your content here...</div> 
    
   <div style="margin-left:40px;">your content here...</div> 
<br/> 

</div>