Christian: Bild an Tabellenzelle anpassen

Hallo!
Ich hab mal wieder ein Problem mit meinen Bilder.
Ich habe einen Farbverlauf als JPG, und möchte das Bild in der Tabellenzelle anpassen, je nachdem wie groß man das Browserfenster zieht. durch WIDTH="100%" ist das verGRÖSSERN auch gar kein Problem, d.h. das Bild wird gestretcht. Nur wenn ich das Fenster kleiner ziehe, als das Bild groß ist, wird das Bild nicht gestaucht, sondern es kommen Scrollbalken. In meinem Fall ist das Bild 800x1 px, damit der Farbverlauf auch bei einer Länge von 2000 px noch gut aussieht. Das Bild wird aber trozt "100%" in der Tabellenzelle nicht gestaucht!Wieso wird das Bild denn nicht gestaucht? Wie kann ich es machen, dass es gestaucht wird?

<table width="98%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td class="ueber"><img src="verlauf.jpg" width="100%" height="20">
  </td>
 </tr>
</table>

Danke im Vorraus.
Chris

  1. Hi,

    Nur wenn ich das Fenster kleiner ziehe, als das Bild groß ist, wird das Bild nicht gestaucht, sondern es kommen Scrollbalken.

    in welchem Browser hast Du dieses Phänomen beobachtet? Lässt es sich mit anderen Browsern reproduzieren? Warum glaubst Du, sollte irgendein Mensch auf die Idee kommen, ausgerechnet auf dieser Seite das Browserfenster in der Größe zu verändern?

    <td class="ueber"><img src="verlauf.jpg" width="100%" height="20">

    ERROR: Required attribute "alt" missing.

    </td>

    Desweiteren glaube ich, möchtest Du den Umbruch gar nicht haben.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. in welchem Browser hast Du dieses Phänomen beobachtet? Lässt es sich mit anderen Browsern reproduzieren? Warum glaubst Du, sollte irgendein Mensch auf die Idee kommen, ausgerechnet auf dieser Seite das Browserfenster in der Größe zu verändern?

      ich benutze Internet Explorer 6. Und warum sollte man nicht annehmen, daß man das Fenster mal maximiert? oder aus dem Vollbild in den Fenstermodus wechselt oder wie auch immer. Und dann soll sich der Farbverlauf der Seite bitte anpassen!

      ERROR: Required attribute "alt" missing.

      ich glaube nicht, daß das irgendeinen Browser interessiert, ob der ALT-Tag angegeben ist oder nicht!

      für alle, die es so genau wissen möchten:

      <table width="98%" border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
          <td class="ueberschrift" background="../images/farbverlauf.gif" width="100" nowrap>  Tür S1</td>
          <td class="ueberschrift"><img src="../images/farbverlauf.jpg" width="100%" height="20" alt="Farbverlauf" name="Farbverlauf" border="0"></td>
        </tr>
      </table>

      nur leider hast du, cheatah, gar nicht auf meine eigenliche Frage geantwortet...

      1. Hi,

        ich benutze Internet Explorer 6.

        und was passiert bei anderen Browsern?

        Und warum sollte man nicht annehmen, daß man das Fenster mal maximiert? oder aus dem Vollbild in den Fenstermodus wechselt oder wie auch immer. Und dann soll sich der Farbverlauf der Seite bitte anpassen!

        Die meisten Leute haben ihr Browserfenster in der für sie schönsten Größe geöffnet und passen es _nie_ an. Viele wissen nicht mal, wie (bzw. dass) das geht.

        ERROR: Required attribute "alt" missing.
        ich glaube nicht, daß das irgendeinen Browser interessiert, ob der ALT-Tag angegeben ist oder nicht!

        Wen interessiert, was _Browser_ interessiert? Dein HTML-Code ist defekt. Recherchiere im Archiv nach Barrierefreiheit und validierendem HTML-Code.

        nur leider hast du, cheatah, gar nicht auf meine eigenliche Frage geantwortet...

        Warum glaubst Du, meine Rückfragen seien keine Antwort?

        Cheatah

        --
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Okay, also ich gehe davon jetzt mal aus, daß Ihr überhaupt keine Ahnung davon habt, wie ich jetzt mein Bild stauchen kann! Denn das, was Ihr mir hier schreibt, gehört nicht im geringsten dazu. Ihr problematisiert irgendwelche anderen Dinge, die ich geschrieben habe, nur nicht mein Hauptproblem!!!!

          Geht es, daß ich eine Grafik stauche?

          1. Hi,

            Okay, also ich gehe davon jetzt mal aus, daß Ihr überhaupt keine Ahnung davon habt, wie ich jetzt mein Bild stauchen kann!

            Diese Annahme ist falsch.

            Denn das, was Ihr mir hier schreibt, gehört nicht im geringsten dazu. Ihr problematisiert irgendwelche anderen Dinge, die ich geschrieben habe, nur nicht mein Hauptproblem!!!!

            Deine Reaktion legte den Schluss nahe, dass du neben deinem Hauptproblem weitere Probleme haben könntest.

            Geht es, daß ich eine Grafik stauche?

            Natürlich kannst du eine Grafik stauchen.

            <img src="verlauf.jpg" width="100%" height="20">

            Deine Grafik hat bereits eine Breite, nämlich die, welche du ihr bei Erstellung gegeben hast (ich glaube es waren 800px). Also muss deine Tabellenzelle meiner Meinung nach immer mindestens 800px breit sein. Den mit width:100% beabsichtigten Effekt hast du soweit ich weiß nur dann, wenn deine Tabellenzelle 800px oder breiter ist. Allerdings könntest du ein wenig mit overflow:hidden experimentieren, vielleicht führt das zum gewünschten Ergebnis.

            Viele Grüße
            Torsten

          2. Hallo,

            Geht es, daß ich eine Grafik stauche?

            Ja, indem Du eine kleinere _absolute_ Größe vorgibst. Dein Problem ist allerdings, dass Du die Größe in Prozent angibst. Bei Prozentangaben ist immer der Wert für 100% interessant. Manche Browser(IE) nehmen bei 100% die Größe der Grafik als Mindestgröße, manche Browser(Mozilla) nehmen die Größe des umgebenden Elementes. So wird also:

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                    "http://www.w3.org/TR/html4/strict.dtd">
            <html>
            <head>
            <title>Stretch-Image</title>
            </head>
            <body>
            <table style="width:90%; border:0 none; border-spcing:0; border-collapse:collapse;">
            <tr>
             <td style="padding:0;"><img src="menu.jpg" alt="" style="width:100%; height:20px;"></td>
            </tr>
            <tr>
             <td style="padding:0; border:1px solid black;">Text</td>
            </tr>
            </table>
            </body>
            </html>

            mit einer Originalbreite von "menu.jpg" gleich 300px im Mozilla auch mit einer Tabellenbreite kleiner als 300px gestaucht, im IE nicht.

            Wenn Du allerdings in der Tabelle mit CSS "table-layout:fixed;" vereinbarst, dann staucht auch der IE das Bild, weil er ja die Tabelle nicht wegen des zu großen Inhalts erweitern soll.

            viele Grüße

            Axel

            1. table-layout:fixed;    <<<<<<<

              das was´s was mir fehlte! Mehr nicht. Danke sehr!
              jetzt klappt das so, wie ich das will!

              MfG
              Christian

  2. in welchem Browser hast Du dieses Phänomen beobachtet? Lässt es sich mit anderen Browsern reproduzieren? Warum glaubst Du, sollte irgendein Mensch auf die Idee kommen, ausgerechnet auf dieser Seite das Browserfenster in der Größe zu verändern?

    ich benutze Internet Explorer 6. Und warum sollte man nicht annehmen, daß man das Fenster mal maximiert? oder aus dem Vollbild in den Fenstermodus wechselt oder wie auch immer. Und dann soll sich der Farbverlauf der Seite bitte anpassen!

    ERROR: Required attribute "alt" missing.

    ich glaube nicht, daß das irgendeinen Browser interessiert, ob der ALT-Rag angegeben ist oder nicht!

    für alle, die es so genau wissen möchten:

    <table width="98%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
        <td class="ueberschrift" background="../images/farbverlauf.gif" width="100" nowrap>  Tür S1</td>
        <td class="ueberschrift"><img src="../images/farbverlauf.jpg" width="100%" height="20" alt="Farbverlauf" name="Farbverlauf" border="0"></td>
      </tr>
    </table>

    nur leider hast du, cheatah, gar nicht auf meine eigenliche Frage geantwortet...

    1. Hallo,

      ich glaube nicht, daß das irgendeinen Browser interessiert, ob der ALT-Rag angegeben ist oder nicht!

      Browser vielleicht nicht, aber Sehbehinderte zum Beispiel.

      Heiner