denis: HILFE! Weiß denn keiner darüber bescheid???

Ich hab heute Morgen schon einmal die selbe Frage in den Raum gestellt, es ist aber niemand drauf eingegangen. Daher nun nochmal:

Auf meiner Beispielseite (unten) gibt es 2 Ebenen. Die untere ist das dymamisch sich der Fenstergröße anpassende
Hintergrundbild, die obere ein einscrollender Text. Im
Netscape kein Problem. Im IE 4.0: sobald beim Bild in der Hintergrundebene ein Größenwert angegeben wird (width="...", egal
ob absoluter Wert oder Prozentwert), scrollt
die obere Ebene mit dem Text nicht mehr flüssig ein (probiert's aus...). Löscht man die Angabe width:"...", so scrollt der
Text wieder flüssig. Gibt's dafür Abhilfe???

Sourcecode:

<HTML>

<HEAD>
<TITLE>xxxx</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
<META NAME="KEYWORDS" CONTENT="xxxx">

<style>
<!--

body
{
background-color: white;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
}

.schriftart
{
position: absolute;
top:0; visibility:hidden;
font-family: Arial, Helvetica, sans-serif;
}

// -->
</style>

<script language="JavaScript" type="text/javascript">
<!--
var delay = 20

function Schrifton(bezeichnung, x1, y1, x2, y2, schritt)
{
if(document.layers)
{document.layers["Sch"+bezeichnung].visibility = "show";
Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
else
{document.all["Sch"+bezeichnung].style.visibility = "visible";
Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
}

function Schrift(bezeichnung, x1, y1, x2, y2, schritt)

{ if(document.layers)
{document.layers["Sch"+bezeichnung].left=x1;
document.layers["Sch"+bezeichnung].top=y1;}
else
{document.all["Sch"+bezeichnung].style.left=x1;
document.all["Sch"+bezeichnung].style.top=y1;}

x1+=(x2-x1)/schritt;
y1+=(y2-y1)/schritt;

if(schritt>0) setTimeout('Schrift('+bezeichnung+','+x1+','+y1+','+x2+','+y2+','+(schritt-1)+')', delay);

}

function init()
{

{
Schrifton(9090, 0,0,0,0,1);

Schrifton(9012, 114, -100, 114, 420, 35);}

}

// -->
</script>

</HEAD>

<BODY TEXT="#000000" LINK="#303010" VLINK="#909090" ALINK="#606050" TOPMARGIN="0" LEFTMARGIN="0" border="0" onLoad="init()">

<div id="Sch9090" class=schriftart style="z-index:1"><img src="http://www3.50megs.com/cyberjam2000/backgrd.jpg"
WIDTH="100%" border="no">
</div>

<!-- Kopf, Menü und Fuß -->

<div id="Sch9012" class=schriftart style="z-index:28"><table width="340"><td width="340" align="left"><font face="Arial,
Helvetica" size="2">...TEXT Text TEXT Text
TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text
TEXT Text TEXT Text TEXT Text TEXT
Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT
Text TEXT Text TEXT Text
</font></td></table></div>

</BODY>

</HTML>

  1. Hi Denis, ( <= hat doch was, so eine Anrede )

    Ich hab heute Morgen schon einmal die selbe Frage in den Raum gestellt, es ist aber niemand drauf eingegangen. Daher nun nochmal:

    Heute Morgen? Hiermit entschuldige ich mich für alle Antworter, dass es noch keine Antwort gab. Hier ein kleiner Link zu dem Problem: http://www.teamone.de/selfaktuell/forum/forumsfaq_2.htm#a3

    Gruß,
    Martin ( <= so eine Grußformel wirkt auch höflich, nicht? )

  2. http://www.teamone.de/selfaktuell/forum/forumsfaq_2.htm#naq2

    Ich hab heute Morgen schon einmal die selbe Frage in den Raum gestellt, es ist aber niemand drauf eingegangen.

    http://www.teamone.de/selfaktuell/forum/forumsfaq_2.htm#a3

    Daher nun nochmal:

    http://www.teamone.de/selfaktuell/forum/forumsfaq_3.htm#a5

  3. Lieber Martin, lieber Linksetzer,

    schön, daß Ihr mich so aufopferungsvoll der Lösung meines Problems nähergebracht habt! Schade nur, daß ich wohl noch immer auf dem Schlauch sitze und daher noch zu keinem Endresultat gekommen bin. Daher bitte ich Euch höflichst, Eure Lösungsvorschläge zum untengenannten Problem nochmals etwas zu konkretisieren. Ich bedanke mich im Voraus für die prompte Hilfe!

    Mit freundlichen Grüßen,

    Denis ;-)

    Ich hab heute Morgen schon einmal die selbe Frage in den Raum gestellt, es ist aber niemand drauf eingegangen. Daher nun nochmal:

    Auf meiner Beispielseite (unten) gibt es 2 Ebenen. Die untere ist das dymamisch sich der Fenstergröße anpassende
    Hintergrundbild, die obere ein einscrollender Text. Im
    Netscape kein Problem. Im IE 4.0: sobald beim Bild in der Hintergrundebene ein Größenwert angegeben wird (width="...", egal
    ob absoluter Wert oder Prozentwert), scrollt
    die obere Ebene mit dem Text nicht mehr flüssig ein (probiert's aus...). Löscht man die Angabe width:"...", so scrollt der
    Text wieder flüssig. Gibt's dafür Abhilfe???

    Sourcecode:

    <HTML>

    <HEAD>
    <TITLE>xxxx</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
    <META NAME="KEYWORDS" CONTENT="xxxx">

    <style>
    <!--

    body
    {
    background-color: white;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    }

    .schriftart
    {
    position: absolute;
    top:0; visibility:hidden;
    font-family: Arial, Helvetica, sans-serif;
    }

    // -->
    </style>

    <script language="JavaScript" type="text/javascript">
    <!--
    var delay = 20

    function Schrifton(bezeichnung, x1, y1, x2, y2, schritt)
    {
    if(document.layers)
    {document.layers["Sch"+bezeichnung].visibility = "show";
    Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
    else
    {document.all["Sch"+bezeichnung].style.visibility = "visible";
    Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
    }

    function Schrift(bezeichnung, x1, y1, x2, y2, schritt)

    { if(document.layers)
    {document.layers["Sch"+bezeichnung].left=x1;
    document.layers["Sch"+bezeichnung].top=y1;}
    else
    {document.all["Sch"+bezeichnung].style.left=x1;
    document.all["Sch"+bezeichnung].style.top=y1;}

    x1+=(x2-x1)/schritt;
    y1+=(y2-y1)/schritt;

    if(schritt>0) setTimeout('Schrift('+bezeichnung+','+x1+','+y1+','+x2+','+y2+','+(schritt-1)+')', delay);

    }

    function init()
    {

    {
    Schrifton(9090, 0,0,0,0,1);

    Schrifton(9012, 114, -100, 114, 420, 35);}

    }

    // -->
    </script>

    </HEAD>

    <BODY TEXT="#000000" LINK="#303010" VLINK="#909090" ALINK="#606050" TOPMARGIN="0" LEFTMARGIN="0" border="0" onLoad="init()">

    <div id="Sch9090" class=schriftart style="z-index:1"><img src="http://www3.50megs.com/cyberjam2000/backgrd.jpg"
    WIDTH="100%" border="no">
    </div>

    <!-- Kopf, Menü und Fuß -->

    <div id="Sch9012" class=schriftart style="z-index:28"><table width="340"><td width="340" align="left"><font face="Arial,
    Helvetica" size="2">...TEXT Text TEXT Text
    TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text
    TEXT Text TEXT Text TEXT Text TEXT
    Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT
    Text TEXT Text TEXT Text
    </font></td></table></div>

    </BODY>

    </HTML>

        1. Hi Denis,

          bisher bin nicht dazu gekommen, mich mit deinem Problem auseinanderzusetzen. Liegt vielleicht daran, dass ich eigentlich gerade im Geschäft sitze. Aber nach deinen uneinsichtigen Nachrichten habe ich auch gar keine Lust mehr, mich damit zu beschäftigen.

          Gruß, Martin

          1. Hi Denis,

            bisher bin nicht dazu gekommen, mich mit deinem Problem auseinanderzusetzen. Liegt vielleicht daran, dass ich eigentlich gerade im Geschäft sitze. Aber nach deinen uneinsichtigen Nachrichten habe ich auch gar keine Lust mehr, mich damit zu beschäftigen.

            Gruß, Martin

            Hallo, Martin,

            sorry, aber wenn ich hier andauernd mit Links zu irgendwelchen Benimmregeln bombadiert werde, dann schieß ich eben auch damit zurück - wenn auch mit freundlicher Anrede und freundlichem Schluß. Weißt Du, ich hab hier ein Problem, das mich ziemlich mitnimmt... Bisher hab ich jedes Problem selbst gelöst, aber dies hier ist absolut unbegreiflich. Und ich brauche (schnellstens) eine Lösung, da ich für die Seite ein Zeitlimit habe. Schön, wenn Ihr mich daran erinnert, daß es noch gewisse gesellschaftliche Höflichkeitsfloskeln gibt. Ich habe das (wie Du nicht erst hier siehst) zur Kenntnis genommen. Dennoch arbeite ich hier wie verrückt an der Lösung meines Problems. Wenn ich dann erwartungsvoll ins Forum schaue, tatsächlich Antworten bekommen habe, diese aber nur aus schulmeisterlichen Belehrungen bestehen, dann finde ich das äußerst schade. Zum "Belehren" gehört nämlich auch "ein gutes Beispiel geben"! Naja, egal. Ich möchte Dich und die anderen nun (ein letztes mal) darum bitten, trotz meines vielleicht etwas unglücklichen Debuts beim SelfHTML-Forun, Euch meines Problems anzunehmen. Wäre doch gelacht, wenn wir's nicht hinkriegen auch in Zukunft zusammenzuarbeiten...

            Denis

  4. Hoi Dennis

    Auf meiner Beispielseite (unten) gibt es 2 Ebenen. Die untere ist das dymamisch sich der Fenstergröße anpassende
    Hintergrundbild, die obere ein einscrollender Text. Im
    Netscape kein Problem. Im IE 4.0: sobald beim Bild in der Hintergrundebene ein Größenwert angegeben wird (width="...", egal
    ob absoluter Wert oder Prozentwert), scrollt
    die obere Ebene mit dem Text nicht mehr flüssig ein (probiert's aus...). Löscht man die Angabe width:"...", so scrollt der
    Text wieder flüssig. Gibt's dafür Abhilfe???

    Alors:
    1. Das Problem ergibt sich bei mir auch. Wie du festgestellt hast nur beim IE.

    2. Wenn ich die grössenangabe aus dem img Tag nehme und ändere, dann stelle ich folgendes fest:

    2.1. mit width="100%" dehne ich bei mir das Bild über seine ursprüngliche Grösse. Es "stottert"

    2.2. mit width="50%" stauche ich es (bei meiner bildschirauflösung und meinem Pentium 500) es lauft rund.

    2.3. Die Bildatei ist mit ca. 50kB relativ schwer, für das es mehr oder weniger nur einen schwarzen Hintergrund macht.

    Ich glaube dass Du es hinnehmen musst, dass der IE scheinbar in die Knie geht, wenn Du das Bild über seine üblichen Masse ausdehnst und dann noch eine Schrift darüber laufen lässt.
    Darum glaube ich geht ein Lösungsansatz über die Grafik. Suche Dir eine andere Lösung, es gibt bestimmt eine. Meine Meinung habe ich schon gesagt. Es ist prinzipiell sehr schlecht wenn Du ein solches Hintergrundbild in dieser Dateigrösse verwendest, ob nun die Schrift rund herunterläuft oder stottert: es braucht seine Zeit bis das Bild geladen ist.

    cheers
    kaepten

    1. Hi, Kaepten,

      danke zunächst mal für die erste (brauchbare) Hilfe.
      Ich hab hier allerdings vor, ein anderes Bild zu benutzen (das noch nicht im Netz ist - ich hab also das angegebene Bild nur genommen, damit der Test überhaupt funktioniert) mit einer ähnlichen kb-Größe.
      Das Bild, das ich hier auf dem PC verwende (und später auch unverändert verwenden muß) kann nur gestaucht werden, da es 1600 x 1200 Pixel groß ist. Das Bild wird also in der Regel auf jeden Fall kleiner angezeigt werden,
      als es tatsächlich ist. Dennoch gibt's das oben genannte Phenomän beim IE. Es ist, als ob der IE die Ebenen nicht einzeln, also geschichtet, behandelt, sondern nach jedem einzelnen Scrollvorgang aus dem Ergebnis der
      Ebenenpositionen ein einzelnes pixelbild erzeugt. Das müßte man ändern können...
      Ich hab mir daher noch was anderes überlegt: Kann man die Größe des im "body"-tag angegebenen Hintergrundbildes beeinflussen? (hab darüber noch keine Info gefunden)

      Grüße, Denis

      1. hoi Dennis

        Das mit dem Bild ist eine schwierige Sache. Ich bin nach wie vor der Meinung, dass ein 1600x1200 Pixel grosses Bild zu "schwer" ist für eine Seite. Insbesondere wenn es sich sogar "nur" um ein Hintergrundbild handelt. Wie dem auch sei.
        Ich habe keine Versuche mehr mit Deiner Seite gemacht, aber ich würde folgendes versuchen: Schau doch mal wie der IE reagiert, wenn er Dein Hintergrundbild nicht selbst skalieren muss. Verwende dabei auch das besagte sehr grosse Bild, aber ohne skalierung. Wenn er dann (und das vermute ich) den Text flüssig reinlaufen lässt- dann musst du irgendwie eine Lösung finden das Hintergrundbild anzuzeigen, ohne dass der Browser (IE) das Bild neu rechnen (skalieren) muss. Dann wirst Du Dich abfinden muüssen, dass der IE da einfach ein Leiden hat... :-(

        Ich hab mir daher noch was anderes überlegt: Kann man die Größe des im "body"-tag angegebenen Hintergrundbildes beeinflussen? (hab darüber noch keine Info gefunden)

        Das wüsste ich nun nicht - schau mal im selfHTML nach...

        HTH
        cheers
        kaepten

        1. Hi, Kaepten,

          danke für die Bemühungen. Wahrscheinlich hast Du recht und ich muß für jede mögliche Auflösungsstufe ein eigenes Hintergrundbild anbieten (wobe bei dieser Lösung der Fenstermodus nicht berücksichtigt werden würde...). Das wäre genau das, was ich vermeiden wollte. Aber da muß ich wohl durch...

          Danke nochmals,

          Denis

          1. Hoi Denis

            danke für die Bemühungen. Wahrscheinlich hast Du recht und ich muß für jede mögliche Auflösungsstufe ein eigenes Hintergrundbild anbieten

            Vielleicht aber doch nicht. Kommt doch ganz drauf an, wie Dein Hintergrundbild ausschaut. Sagen wir dass es so ist, wie dasjenige, welches Du im Sourcecode hattest (das dunkle mit dem helleren Rand links und Rechts) Dann hättest Du doch folgende Möglichkeit:

            Tabelle verwenden mit drei Spalten - in der ersten Spalte ein Bildausschnitt mit dem Verlauf von hell nach dunkel - in der mittleren Spalte kein Bild, sondern die Tabellenfarbe exakt in der Farbe wie das Bild wäre - und dann rechts am Rand genau dieselbe Übung; eine Grafik mit dem Verlauf von dunkel nach hell... Dann hast Du auch das Problem mit der Fenstergrösse elegant umgange, denn die Tabelle wird sich je nach Attributen schön der Fenstergrösse anpassen. Der Effekt vom Aussehen her wäre derselbe, nur dass Du Dir das grosse Bild gespart hast!

            cheers
            kaepten

            1. Hi, Kaepten

              Vielleicht aber doch nicht. Kommt doch ganz drauf an, wie Dein Hintergrundbild ausschaut.

              jaja, genau das ist das Problem - es ist eine komplexe Hintergrundgrafik mit durchgehendem Farbverlauf... aber, he, moment mal, wenn ich diese Grafik in mehrere Teile splitte und versuche, deren Größe und die Größe der sie umgebenden Tabellen dynamisch aufeinander abzustimmen...

              ...dann hab ich ja auch mehrere kleine Hintergrundbilder - jetzt muß nur noch die Positionierung hinhauen, damit es wieder ein Gesamtbild gibt...

              Viel Arbeit wartet auf mich.

              So long,

              Denis

              1. Hi, Kaepten,

                ...dann hab ich ja auch mehrere kleine Hintergrundbilder - jetzt muß nur noch die Positionierung hinhauen, damit es wieder ein Gesamtbild gibt...

                Diese Variante hat leider den selben Effekt - obwohl keines der 16 Bilder, in die ich den Hintergrund unterteilt habe, größer als 6 kB ist. Das bestätigt die Theorie, daß der IE nach jedem Rechenvorgang das Bild 2-dimensional neu skaliert und nicht einfach 3-dimensional die Ebenen verschiebt...

                Denis

                1. Hoi Denis

                  schade :-(

                  Mir kommt so auf die Schnelle keine Idee mehr, was Dir weiterhelfen könnte.

                  cheers
                  kaepten

  5. Hallo Denis

    wenn Du "nur" einen Farbverlauf hast könntest Du doch die Hintergrundgrafik einfach in der Höhe beschränken.
    Wenn Deine Grafik nur ein Pixel hoch ist wird sie "automatisch" vom Browser "gekachelt".
    Das verkürzt die Ladezeiten und die Zeit für die neuberechnung enorm.
    Dann dürfte es auch mit dem IE kein Problem mehr sein.

    Gruß
    Jürgen

    1. Hi, Jürgen

      wenn Du "nur" einen Farbverlauf hast

      Nee, nee, leider nicht. Die Grafik besitzt eine sich nie wiederholende Struktur mit einem zusätzlichen Licht-Schatten-Effekt (=Farbverlauf übers gesamte Bild). Das Problem ist: die Hintergrundgrafik ist das A und O der Seite. Da kann ich nichtmal an der Qualität groß was ändern, damit sie kleiner wird. Außerdem tritt das Problem selbst bei einer qualitativ verschlechterten Testgrafik mit der Größe von knapp 7 kB auf - wenn auch nicht so stark.

      Gruß, Denis