div fenster position

[magifix]

Hallo,
habe leider noch nicht verstanden wie man einen DIV-Container richtig positioniert.
Ich habe folgendes Problem.
Es wird ein Bild hoch geladen ...das dauert
nun möchte ich das Anzeigefenster einblenden .. das klappt auch
nur wenn ich vor dem Absenden hochscrollen musste, hängt das Fenster ganz oben und man sieht es nicht.
Ich bräuchte das Fenster in der aktiven Bildschirmmitte.
Kann mir jemand bitte sagen wie das geht, und würde er/sie es auch bitte tun?

<!--infobox anfang-->
<div name="divInfo" id="divInfo"


 style="visibility: hidden; position: absolute; top: 140px; left: 350px;"
 onclick="hideInfo()">

<table style="border: 1px solid rgb(0, 0, 0); width: 350px;"
 cellpadding="5" cellspacing="0">
  <tbody>
    <tr>
      <td style="background-color: rgb(187, 187, 187); height: 30px;"><b>
      <center> Infobox</center>
      </b> </td>
    </tr>
  </tbody>
</table>
<table
 style="border: 1px solid rgb(0, 0, 0); width: 350px; background-color: rgb(255, 240, 240);"
 cellpadding="5" cellspacing="0">
  <tbody>
    <tr>

      <td style="text-align: center;"><br>



      <div style="text-align: center;"><span
 style="color: rgb(102, 0, 0); font-weight: bold;">



Ihre Datei wird hochgeladen!<br><br>

Je nach Uploadgeschwindigkeit kann dies <br>
mehrere Sekunden in Anspruch nehmen.<br>
Bitte warten!

<br>
<br>
      </span></div>
      </td>
    </tr>
  </tbody>
</table>
</div>
<!--infobox ende-->

 

[neuroleptika]

Ich denke mal, daß hideInfo() #divInfo auf display: block setzen soll.
Wenn das upload-script die neue Seite liefert hat #divInfo wieder display: hidden.
Mehr kann ich aus dem Schnipsel nicht erraten.

Edit:

nur wenn ich vor dem Absenden hochscrollen musste...

Das hab ich überlesen.
Besser du zeigst deine Seite oder baust ein Onlinebeispiel nach wo dein Problem zu sehen ist.

 

[Timmer]

Ich wüsste es jetzt nur mit JavaScript zu realisieren, damit das Fenster, egal, wo man gerade ist (beim Scrollen mein ich), immer in der Mitte des Bildschirms erscheint.

 

[magifix]

Ich wüsste es jetzt nur mit JavaScript zu realisieren, damit das Fenster, egal, wo man gerade ist (beim Scrollen mein ich), immer in der Mitte des Bildschirms erscheint.

Kannst du mir bitte auch sagen wie es geht.
Hatte auch schon position: fixed eingesetzt.
Geht aber wieder mal nicht im Explorer

 

[Timmer]

OK, ich habe recherchiert, du kannst es auch mit position:fixed; machen.

Gib deinem Div eine ID und füge Folgendes in dein CSS Dokument:

#div {height:100px;width:100px;position:fixed;top:50%;left:50%;margin:-50px 0 0 -50px;z-index:99;}

Bei margin trägst du als Erstes die Hälfte der Höhe des Fensters ein und dann die Hälfte der Breite des Fensters, damit der Div auch wirklich mittig positioniert ist. Du kannst natürlich auch ein bisschen mit top rumspielen oder bottom benutzen, damit das Fenster z.B. am unteren Bildschirmrand erscheint. Wenn man dann scrollt, läuft das Fenster immer mit.

Als Fix für das Problem mit dem IE hab ich das hier gefunden: doxdesk.com: software: fixed.js
Einfach die JS-Datei standartgemäß einginden und es müsste funktionieren (wenn ich mich nicht irre).