Wilfried Holtz: Left/Top/Width/Height - Probleme

Hallo,

wie kann ich von einem DIV Objekt die Left, Top, Width, Height Angaben ändern? Folgendes läuft z.B. nicht:

<html><head><title>Test</title>
<script language="JavaScript">

function nachunten(objekt1,objekt2)
{
 objekt1.style.top=objekt2.style.top;
}

</script>
</head><body>
<div id="obj1"><img src="pic1.gif"></div><br>
<div id="obj2"><img src="pic2.gif"></div><br>
<a href="javascript:nachunten(obj1,obj2)">Objekt 1 auf Objekt 2 setzen!</a>
</body></html>

Hilfe dringend benötigt! Vielen vielen Dank!

  1. ebenfalls hallo,

    wie kann ich von einem DIV Objekt die Left, Top, Width, Height Angaben ändern? Folgendes läuft z.B. nicht:

    <html><head><title>Test</title>
    <script language="JavaScript">

    das kann auch nicht "laufen", weil du einen fundamentalen Fehler machst: überall in SELFHTML und in allenb den zahllosen Forumspostings zu diesem Thema wird immer wieder gesagt, daß es sich dabei nicht um JavaScript handelt, sondern um CSS. Und das ist entschieden was andres. Folgendermaßen sollte es "laufen":

    <style type="text/css">
    #obj1 {position: absolute; visibility: visible; left: 20px; width: 450px; height: 200px;  top: 80px; background-color:#0000FF;layer-background-color:#0000FF;}
    #obj2 {position: relative; visibility: visible; left: 20px; width: 450px; height: 200px;  top: 80px; background-color:#0000FF;layer-background-color:#0000FF;}
    </style>

    <div id="obj1"><img src="pic1.gif"></div><br>
    <div id="obj2"><img src="pic2.gif"></div><br>

    die "br" sind völlig überflüssig bei einer per CSS vorgenommenen Positionierung.

    <a href="javascript:nachunten(obj1,obj2)">Objekt 1 auf Objekt 2 setzen!</a>

    ups ... dieser Versuch, einen link zu setzen, ist gewiß originell, aber ebnso gewiß nicht nötig bzw. nicht funktionsfähig und überhaupt nicht durchdacht.

    Fazit für dich: SELFHTML studieren (und hier im Forum erst lesen, dann fragen ;-) )!

    Grüßchen

    Christoph S.