Juergen Clemens: Maximale Ausdehung einer dynamischen Tabelle

Hallo,

ich habe eine dreispaltige Tabelle. Die äußeren beiden Spalten haben eine fixe Breite, die mittlere eine variable Breite.

Nun möchte ich die vertikale Ausdehnung (Breite) der Tabelle begrenzen, auf z.B. 900 Pixel. Ist so etwas möglich?

Mein Ziel ist es bei höheren Auflösungen nicht zuviel Platz an den Seitenrändern zu verschenken. Aber bei zu hohen Auflösungen (ab 1280 Pixel) wird die innere Spalte zu breit und der Inhalt durch die große Zeilenlänge schlecht lesbar. Wie schaffe ich Abhilfe?

Gruß

Jürgen

  1. Hallo !

    Nun möchte ich die vertikale Ausdehnung (Breite) der Tabelle begrenzen, auf z.B. 900 Pixel. Ist so etwas möglich?

    Mit reinem HTML fällt mir keine Lösung ein.

    Mit JavaScript könntest du sicherlich die Fenstergröße auslesen und entsprechend agieren.

    Mein Ziel ist es bei höheren Auflösungen nicht zuviel Platz an den Seitenrändern zu verschenken. Aber bei zu hohen Auflösungen (ab 1280 Pixel) wird die innere Spalte zu breit und der Inhalt durch die große Zeilenlänge schlecht lesbar. Wie schaffe ich Abhilfe?

    Am besten gar nicht. Wozu willst du deinen User unnötig gängeln?
    Wer seinen Browser bei 1280x1024px im Vollbildmodus laufen läßt, wird schon wissen warum. Mit ist ein Exemplar dieser Spezies 'User' allerdings noch nicht untergekommen.

    Gruß,

    kerki

    1. Am besten gar nicht. Wozu willst du deinen User unnötig gängeln?
      Wer seinen Browser bei 1280x1024px im Vollbildmodus laufen läßt, wird schon wissen warum. Mit ist ein Exemplar dieser Spezies 'User' allerdings noch nicht untergekommen.

      Hi,

      ich will Ihn ja nicht gängeln. Ich will nur verhindern, daß die mittlere Spalte für ihn schlecht lesbar wird.

      Jürgen

      1. Hallo !

        ich will Ihn ja nicht gängeln.

        Angesichts der simplen HTML-Lösung von Stefan, ist der Ausdruck "gängeln" vielleicht etwas übertrieben.

        Ich will nur verhindern, daß die mittlere Spalte für ihn schlecht lesbar wird.

        Nichtsdestotrotz glaube ich, du solltest die Entscheidung darüber, was für den User besser lesbar ist, ruhig dem User selbst überlassen.

        Sollte dieser die Textzeilen für zu lang erachten, kann er problemlos sein Browserfenster verkleinern, sofern er es vorher überhaupt im Vollbildmodus hatte, was ich stark bezweifle.

        Die umgekehrte Möglichkeit, die Texte in voller Bildschirmbreite zu betrachten, um vielleicht einen besseren Überblick über den gesamten Text zu bekommen, würdest du ihm jedoch bei der von dir angestrebten Lösung nehmen.

        Gruß,

        kerki

  2. Hallo Jürgen,

    Nun möchte ich die vertikale Ausdehnung (Breite) der Tabelle begrenzen, auf z.B. 900 Pixel. Ist so etwas möglich?

    hier ein Beispiel dazu:

    <html><head><title>tabelle</title></head><body>
    <table border="1">
    <tr><td width="200">nixnixnixnixnixnixnixnixnix</td>
        <td width="300">nix nix nix nix nix nix nix nix nix
     nix nix nix nix nix nix nix nix nix nix nix nix
     nix nix nix nix nix nix nix nix nix nix nix nix
     nix nix nix nix nix nix nix nix nix nix nix </td>
        <td width="200">nixnixnixnixnixnixnixnixnix</td></tr>
      </table>
    </body></html>

    Das Prinzip sollte klar sein, in den äußeren Spalten etwas einsetzen,
    das nicht zusammengeschoben werden kann (Blind-GIF o.ä.), der Inhalt
    in der mittleren Spalte muß sich selbstverständlich umbrechen lassen.
    Funktioniert bei mir NC3.04, NC 4.77, MSIE 6.0b, Mozilla 0.9.1 und
    Opera 5.11.

    Ich rate Dir ausdrücklich davon ab, diese Lösung zu verwenden.
    Solche Sachen sollte man immer per CSS lösen, da diese Details nicht
    zur logischen Struktur eines Dokumentes (=Aufgabe von HTML) gehören.
    Allerdings mußt Du dann in Kauf nehmen, dass nicht jeder Browser es
    so darstellt, wie Du willst, Grund dafür ist die derzeit noch mangel-
    hafte CSS-Unterstützung durch die versch. Browser (bes. NC4.x).

    MfG, Stefan

    1. Hallo Stefan,

      hier ein Beispiel dazu:
      <html><head><title>tabelle</title></head><body>
      <table border="1">
      <tr><td width="200">nixnixnixnixnixnixnixnixnix</td>
          <td width="300">nix nix nix nix nix nix nix nix nix
      nix nix nix nix nix nix nix nix nix nix nix nix
      nix nix nix nix nix nix nix nix nix nix nix nix
      nix nix nix nix nix nix nix nix nix nix nix </td>
          <td width="200">nixnixnixnixnixnixnixnixnix</td></tr>
        </table>
      </body></html>

      Oje, oje! Heute ist wohl nicht mein Tag! :-(

      Zu meiner großen Schande muss ich gestehen, dass ich diese Lösung noch gar nicht kannte. Tja, man lernt halt wirklich nie aus.

      Ich rate Dir ausdrücklich davon ab, diese Lösung zu verwenden.
      Solche Sachen sollte man immer per CSS lösen, da diese Details nicht
      zur logischen Struktur eines Dokumentes (=Aufgabe von HTML) gehören.
      Allerdings mußt Du dann in Kauf nehmen, dass nicht jeder Browser es
      so darstellt, wie Du willst, Grund dafür ist die derzeit noch mangel-
      hafte CSS-Unterstützung durch die versch. Browser (bes. NC4.x).

      So verbissen würde ich den Einsatz einer Tabelle allerdings nicht verurteilen. Zumindest nicht, solange selbst das W3C sich einer solchen auf seiner Eingangsseite bedient.

      Gruß,

      kerki