Variablen in CSS?

[Marco]

Hallo,
ich habe eine Frage zu CSS.

In einem Javascript habe ich zwei Variablen mx und my, die die Werte der Hälfte der Pixelbreite bzw.
Pixelhöhe des Fensters beinhalten. Nun möchte ich diese Werte an ein CSS weitergeben, um Elemente
in der Mitte des vefügbaren Fensters darstellen zu können.

Das Ganze soll dann etwa so aussehen:
<style type="text/css">
  <!--
  #layer1  { position:absolute; top:       my; left:      mx; }
  #layer2  { position:absolute; top: my+10; left: mx+10; }
  #layer3  { position:absolute; top: my+20; left: mx+20; }
  //-->
</style>

Vielen Dank für alle Tipps!
MARCO

[brand]

Hi!

sieh mal hier nach: http://www.teamone.de/selfaktuell/artikel/dyncss.htm

mfG
BRAND

[Thomas J.S.]

Hallo Marco!

In einem Javascript habe ich zwei Variablen mx und my, die die Werte der Hälfte der Pixelbreite bzw.
Pixelhöhe des Fensters beinhalten. Nun möchte ich diese Werte an ein CSS weitergeben, um Elemente in der Mitte des vefügbaren Fensters darstellen zu können.

Das Ganze soll dann etwa so aussehen:
<style type="text/css">
  <!--
  #layer1  { position:absolute; top:       my; left:      mx; }
  #layer2  { position:absolute; top: my+10; left: mx+10; }
  #layer3  { position:absolute; top: my+20; left: mx+20; }
  //-->
</style>

Das ist so nicht mit CSS zu lösen.
Du musst deinen <style> Block mit Javascript schreiben.
Dort kannst du dann die Varailblen verwenden.
Etwa so:
document.write("#layer1{position:absolute;top:"+mx+"px;left:"+my+"px;}");

Grüße
Thomas