Max: Tabellen grösse variabel / Scrollen in Tabelle

Hi zusammen,

ich hab ein kleines Problem und hoffe ihr könnte mir helfen.
Nach einigem HickHack, hab ich es endlich hinbekommen eine Tabelle vertikal und horizontal zu zentrieren.
Hier mal das Ergebnis:
http://www.postsgbacknang.de/test/index2.html

Was ich nun aber will ist anstatt eine fixe Höhe anzugeben (450px) eine variable z.B. 80%. Das habe ich so gelöst:
http://www.postsgbacknang.de/test/index4.html

Leider bekomme ich es nicht hin, so dass ich weiterhin in der Tabelle scrollen kann wie bisher, sobald sie zu lang wird.

So soll es also nicht aussehen:
http://www.postsgbacknang.de/test/index6.html

Kann mir da jemand nen Tipp geben, wie ich das hinbekomme?

Danke.
Max

  1. hi $name,

    Kann mir da jemand nen Tipp geben, wie ich das hinbekomme?

    mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow

    gruss
    shadow

    --
    Vor dem Parser und auf hoher See sind wir allein in Gottes Hand
    1. mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow

      overflow hab ich drin, aber das klappt dennoch nicht.

      ciao,
      Max

      1. hi $name,

        overflow hab ich drin, aber das klappt dennoch nicht.

        wahrscheinlich nicht an der richtigen stelle.

        dein quelltext ist ein alptraum x divs (verschachtelt) in tabellenzellen gepackt *grusel* teilweise per CSS formatiert, tlw. durch inline styles.

        um mich da durchzukämpfen fehlt mir der nerv.

        ich gestehe ja, das ich ab und zu auch noch tabellen mißbrauche, aber gans so chaotisch mach ich´s denn nun nicht. ich weiß auch warum: die fehlersuche wird sonst zum alptraum :-(

        gruss
        shadow

        --
        Vor dem Parser und auf hoher See sind wir allein in Gottes Hand
  2. Kann mir da jemand nen Tipp geben, wie ich das hinbekomme?

    Gib der Zelle, in der gescrollt werden soll, eine feste oder Maximal-Höhe und gib ihr <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow: auto>.

    Allgemein scheint mir deine Konstruktion ziemlich abenteuerlich. Du verwendest vorsintflutliches Tabellenlayout für alles mögliche, dann aber div-Elemente, denen du mit CSS Tabellen-display-Werte gibst. Welchen Sinn hat das? Das alles könntest du auch ziemlich einfach mit sauberem HTML und CSS-Layout umsetzen.

    Mathias

    1. Kann mir da jemand nen Tipp geben, wie ich das hinbekomme?

      Gib der Zelle, in der gescrollt werden soll, eine feste oder Maximal-Höhe und gib ihr <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow: auto>.

      »»

      <td width="82%" align="left" valign="top" scope="col">
            <div style="width:100%; height:80% ; overflow:auto; "><p align="center">Trainingszeiten</p>

      ich hab nur die height von 100% auf 80% verkleinert, was mir den Scrollbalken bringt, aber nicht verhindert, dass wie Tabelle länger wird (also mehr als die 80%).

      Hier mal das Ergebnis:
      http://www.postsgbacknang.de/test/index7.html

      ciao,
      MAx

      1. ich hab nur die height von 100% auf 80% verkleinert, was mir den Scrollbalken bringt, aber nicht verhindert, dass wie Tabelle länger wird (also mehr als die 80%).

        In welchem Browser testest du?

        Mathias

        1. In welchem Browser testest du?

          Moziall Firefox 3.4

          1. In welchem Browser testest du?

            Moziall Firefox 3.4

            da fehlt ne Null - 3.0.4

  3. Hi,

    Leider bekomme ich es nicht hin, so dass ich weiterhin in der Tabelle scrollen kann wie bisher, sobald sie zu lang wird.

    und Du meinst nicht es könnte daran liegen, dass Du (u.a.) Tabellenelemente für Dinge missbrauchst, die absolut keinen tabellarischen Charakter haben?

    Kann mir da jemand nen Tipp geben, wie ich das hinbekomme?

    Verfasse semantisches Markup, kein antiquarisches Tabellenlayout. Denn merke:

    Ist Dein Strukturcode unsemantisch,
    wird's CSS ganz sicher kantig.

    Cheatah, aus der Reihe "reim Dich oder ich fress' Dich" zitierend

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes