div-layer im vordergrung

[Johnny]

hallo leute,

mein problem liegt darin dass ich nicht genau weiß, wie ich das zindex benutze.
ich habe einen div-layer.

<div id="login" align="center" style="left:250px; top:250px; display:none; z-index:1;">
    <table border="0" cellspacing="0" cellpadding="0" width="273" height="213" align="center">
    <tr>
    <td style="padding:0 3px 3px 0;" background="shadows.gif">
        <table border="0" cellspacing="0" cellpadding="0" width="270" height="210" align="center">
        <tr valign="top">
        <td class="loginForm">
            <img src="passports.gif" width="58" height="17" border="0"><br/>
            <table width="100%" border="0" cellspacing="5" cellpadding="0">
                <form action="" method="post" name="login" id="loginform">
                  <tr> 
                    <td></td>
                    <td width="99%" style="padding-bottom:10px">Login Bereich</td>
                  </tr>
                  <tr> 
                    <td>Name:</td>
                    <td><input name="login" type="text" value="" size="20" style="width: 100%;" ></td>
                  </tr>
                  <tr> 
                    <td>Pass::</td>
                    <td><input name="pass" type="password" value="" size="20" style="width: 100%;"></td>
                  </tr>
                  <tr> 
                    <td></td>
                    <td id="check" class="check"> <input name="twoweeks" id="a" value="yes" type="checkbox" class="b"> 
                      <label for="a">Cookie speichern</label>
                    </td>
                  </tr>
                  <tr> 
                    <td></td>
                    <td style="padding-top:5px"> <input type="submit" value="Login" style="margin-right:9px" id="loginsubmit" name="loginsubmit">
                      <input type="reset" value="Reset"> 
                    </td>
                  </tr>
                </form>
              </table>
        </td>
        </tr>
        </table>
    </td>
    </tr>
    </table>
</div>

und mittels einen Link will ich, dass eben dieser Layer sichtbar wird:

<a href="javascript:;" onClick="document.getElementById('login').style.display = 'block';" style="color: white; font-weight: bold;">Administration</a>

Wie schaff ich es, dass dieses Layer einfach auf meiner Seite ist?
Also .. dass es meine sonstigen Tabellen etc. nicht stört, dass es im Vordergrund ist einfach?

Wäre nett wenn ihr mir helfen könntet.

 

[daWonderer]

Evtl. mal versuchen als Style-Eigenschaft für den DIV "position:absolute;" mit anzugeben.

greetz...

 

[dkdenz]

SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen