<!-- Das CSS -->
<style type="text/css">
#popup 
{ 
  position:absolute; 
  top:10%;
  margin-left: -300;
  height: 200px;
  width: 300px;
  padding:0px; 
  z-index:2; 
  background: #c3cae7;
  border:1px #000099 solid;
} 
 
.htmltabelle{
 height:200px;
 background:cccccc;
 border:1px #000099 solid;
}
</style>
 
<!-- Das Javascript -->
<script language="javascript">  
 
  function hide() { 
    if(document.getElementById) 
	document.getElementById("popup").style.visibility = "hidden"; 
    }
</script>
 
<!-- ...und das HTML für das POPUP -->
<table border='0' align='center'>
  <tr>
   <td align='center'>
	<div id="popup" style="visibility:visible"> 
	  <a href="javascript:hide();" title="abbort">
	  <b><font color=black>Schliessen X&nbsp;</font></b></a>
	  <br><br><br><br>
	  Das ist Text im Popup
	  <br>
    </div>
   </td>
  </tr>
 </table>
 
<!-- Das HTML für die eigentliche Seite -->
<table class="htmltabelle">
 <tbody>
  <tr>
   <td>
    Das ist Text im Hintergrund der vom Popup bedeckt 
    wird, bis man das Popup schliesst
   </td>
  </tr>
 </tbody>
</table>