tabelle x mal größer als hintergrund

Status
Nicht offen für weitere Antworten.
M

Matonor

Mitglied
ich habe eine Seite mit einer aufwändigen hintergrundgrafik aus 3 teilen ( http://www.inselnderwinde.de/site/full/index.php div mit id "content", css: http://www.inselnderwinde.de/site/full/idw2.css ) die Hintergrundgrafik wiederholt sich aufgrund ihrer Struktur nur dann ohne störende übergänge wenn das div genau so groß oder 2, 3, 4, 5 usw mal größer ist als das hintergrundbild. da die seite viel inhalt haben wird wärs extrem viel arbeit alle seiten per hand anzupassen. deswegen suche ich nach einer möglichkeit das div genau 2, 3, 4 usw mal so groß wie das bg bild zu strecken, wenn der inhalt eben zu lang is um in die normale divgröße zu passen. gibts da ne Möglichkeit, oder ne andere idee wie man das Problem lösen könnte? php, cgi/perl, css, zur not auch javascript und flash sind möglich.
 
Zuletzt bearbeitet:
Naja, mit JavaScript geht es, aber das ist nicht grad die feine Art.
Die beste Lösung wäre natürlich, deinen Hintergrund so anzupassen, dass
er bei jedem, beliebig langen Inhalt immernoch sauber aneinander sitzt.

Code: 
<html>
  <head>
    <script type="text/javascript">

    iBackgroundHeight = 300;  // Hoehe des Hintergrundes in Pixel

    function setHeight() {
        iHeight = 0;

        if (window.navigator.appName == 'Netscape') {
            iHeight = window.document.getElementById('content').scrollHeight;
        } else if (window.document.all) {
            iHeight = window.document.getElementById('content').offsetHeight;
        }

        if (iHeight != 0) {
            window.document.getElementById('content').style['height'] = Math.ceil(iHeight / iBackgroundHeight) * iBackgroundHeight;
        }
    }

    </script>
  </head>
  <body onload="setHeight();">
    <div id="content" style="border:1px solid #000000;">
      [...]
    </div>
  </body>
</html>
Script läuft bei mir im Gecko, IE 5.5 und Opera 7.
 
vielen dank, in ie und opera gehts auch wunderbar, aber mein mozilla firefox hat in seiner javaconsole:
"Error: class is a reserved identifier
Source Code:
setHeight(); class="

stehen. jemand ne lösung dafür?
 
Da fehlt ein Anführungszeichen (hast du vergessen :))
Code: 
<form [...] onsubmit="return setHeight();" class="foo">
 
Also bei mir seh ich keinen Fehler (Firefox 0.8).

Aber: du kannst dir das class="body" im Body ersparen, wenn du in der CSS-
Datei den Punkt vor der Definition weglässt:
Code: 
body {
  [...]
}
Dann weist du die Eigenschaften nämlich gleich jedem Tag mit dem Namen zu.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück