Benjamin Keil: JavaScript-Wert an CSS uebergeben

´Nabend zusammen !!

Ich habe gerade eventuell eine Moeglichkeit gefunden,
wie man ein DIV vertikal auf der Seite zentrieren kann:

´Habe per JavaScript die Hoehe des Anzeigefensters ausgelsen,
von diesem Wert die Hoehe meines DIV abgezogen,
das ganze durch 2 ergibt die Position von oben (bzw. unten).

Leider weiss ich nicht, wie ich diesen Wert jetzt einbinde,
kann mir jemand einen Tip geben?

Meine Ausgabe sieht so aus:

<body>
[...]
<script language="JavaScript">
<!--
makemargin();
//-->
</script>
[...]
</body>

Das sieht im Browser etwa so aus:   top: 80.5px;
(je nach Höhe des Anzeigefensters)

Und das soll HIER rein:

[...]
<div class="box" style="HIER">
 Hallo
</div>
[...]

Das bekomme ich aber irgendwie nicht hin,
ich kann meine JavaScript Anweisung ja nicht einfach dazwischen schreiben.

Dankeschoen,

Benjamin

P.S. Wenn jemand das Script haben moechte, kann ich´s gerne mal posten, mir jedenfalls haetts ne Menge zusammensuchen erspart... ;-)

  1. Das bekomme ich aber irgendwie nicht hin,
    ich kann meine JavaScript Anweisung ja nicht einfach dazwischen schreiben.

    Warum soll das nicht gehen.?

    Statt
    <div class="box" style="top:hoehe;">
    Hallo
    </div>

    Einfach folgendes:
    <div class="box" id="box2">
    <script type="text/javascript">
    <!--
    document.getElementByID("box2").style.top = hoehe;
    //-->
    </script>
    Hallo
    </div>

    Damit es auch mit abgeschaltetem JS funktioniert, musst du im CSS für die Klasse .box oder die ID #box2 einen Defaultwert für die Höhe setzen. Das Ergebnis deiner Berechnung schreibst du in die Variable hoehe.

    Ältere Browser, wie IE4 oder Netscape 4 können das nicht, so dass du eine Browserweiche einbauen musst. Es funktioniert aber mit IE5, IE6, Mozilla und Derivaten (z.B. Netscape 6) und Konqueror, Opera weiß ich nicht.

    Stefan

    1. Ältere Browser, wie IE4 oder Netscape 4 können das nicht, so dass du eine Browserweiche einbauen musst. Es funktioniert aber mit IE5, IE6, Mozilla und Derivaten (z.B. Netscape 6) und Konqueror, Opera weiß ich nicht.

      Stefan

      Hallo,

      Vielen Dank!! Auf die Art hat´s geklappt!
      Leider macht´s Opera nicht... Schade.

      Schöne Grüße,

      Benjamin