[Problem] div per Javascript verschieben


  • Taxel
  • 1064 Aufrufe 0 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hiho Leute,
    ich brauch mal wieder eure schnelle und kompetente Hilfe:

    auf folgender seite:
    (seite hier zu sehen)

    PHP-Quellcode

    1. <html>
    2. <head>
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>bla</title>
    6. <script language="javascript" type="text/javascript">
    7. function groesse(){
    9. if(content.offsetHeight > 530){
    11. seamless.height = content.offsetHeight - 530;
    13. unten.top = seamless.offsetHeight + 645;
    15. }
    16. }
    17. </script>
    18. <style type="text/css">
    19. <!--
    20. #seamless {
    21. overflow: visible;
    22. position: absolute;
    23. width: 1200px;
    24. left: 0px;
    25. top: 645px;
    26. background-image: url(Bilder/bgseamless.gif);
    27. }
    29. #block_oben {
    30. position: absolute;
    31. height: 274px;
    32. width: 706px;
    33. left: 181px;
    34. top: 371px;
    35. }
    37. #unten {
    38. height: 437px;
    39. width: 1200px;
    40. position: absolute;
    41. left: 0px;
    42. top: 763px;
    44. }
    45. #content {
    46. position: absolute;
    47. z-index: 5;
    48. width: 600px;
    49. left: 230px;
    50. text-align: center;
    51. top: 474px;
    52. }
    53. -->
    54. </style>
    55. </head>
    57. <body onload="groesse()">
    60. <div id="content">
    64. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    65. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    66. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    67. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    68. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    69. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    70. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    71. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    72. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    73. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    74. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    75. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    76. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    77. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    78. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    79. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    80. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    81. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    82. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    83. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    84. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    85. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    86. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    87. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    88. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    89. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    90. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    91. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    92. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    93. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    94. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    95. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    96. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    97. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    98. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    99. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    100. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    101. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    102. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br />
    103. fdbkndvpnsvksnvksdnvksdnvpskdnvksdn<br /></div>
    106. <div id="seamless" >
    107. <img src="Bilder/bgseamless.gif" /></div>
    109. <div id="unten">
    110. hier sin nochmal bilder
    111. </div>
    115. </body>
    116. </html>
    Alles anzeigen



    hat das div "seamless" einen kantenlosen Hintergrund; im div "content" kommt später der Inhalt rein. Dieser wird aber u.U. recht lang. deshalb soll, sobald das content div eine größere Höhe hat als eigentlich reinpasst (530 px) das seamless div seine höhe so anpassen, dass der content nicht vom Block runtergeht.
    aber das funktioniert nicht so ganz.
    wieso?

    hab das Problem jetzt gelöst.
    hier mein Code (nur die Funktion):

    PHP-Quellcode

    1. function groesse(){
    3. if(content.offsetHeight > 530){
    5. seamless.style.height = content.offsetHeight - 412;
    7. var i = seamless.style.height;
    9. i2 = parseInt(i);
    11. unten.style.top = 645+i2;
    13. }
    14. }
    Alles anzeigen


    zumindest in Opera passts jetz.
    aber Firefox zeigt nur die Meldung "undefined", wenn man ne variable ausgibt.
    im IE scheints auch zu gehen.
    safari siehe Firefox.

    was is denn in dem script undefined?
    und wie krieg ich raus, was es laut denen is?
    die error konsole in Firefox bleibt leer.
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Taxel () aus folgendem Grund: Doppelpost =&gt; Regeln lesen!