Anfänger: Wie macht man das? Frames?

Hallo Forum,

bin Anfänger - bitte nicht steinigen. ;-)

Ich möchte einen Aufbau wie folgt:

+----------rote linie---------------+
|                               sb  |
R             Erste             ca  r
O            Tabelle            rl  o
T              die              ok  t
E            scrollt            le  e
|                               ln  |
|                                   |
+----------rote linie---------------+
|                                   |
L                               sb  l
I             Zweite            ca  i
N            Tabelle            rl  n
I              die              ok  i
E            scrollt            le  e
|                               ln  |
|                                   |
+----------rote linie---------------+

Im Moment sehe ich nur folgenden Weg (grob gesagt):
Frameset mit cols="10,*,10"
Im linken und rechten Frame sind Grafiken mit vertikalen Linien
In der mittleren Frame ist ein Frameet mit
Frameset="10,45%,10,45%,10".
In den 1., 3. und 5. Frame sind die horizontale Linien und
in den 2. und 4. Frames sind die 2 Tabellen.

Gibt es einen besseren Weg?
Es sollte so sein, dass die horizontal und vertikale Linien sich treffen.

Danke im voraus

Anfänger

  1. Hi Anfänger,

    Gibt es einen besseren Weg?

    Es gibt durchaus bessere Wege. Z.B. mit CSS und Div's.

    Zuerst sage mir aber, was du unter einer scrollenden Tabelle verstehst. Tabellen "scrollen" nämlich nicht. Sie scrollen höchstens mit der Seite mit.

    MfG, Dennis.

    --
    Signatur 2 von 3:
    Die EU und die neuen Mitgliedslnder:
    http://www.riehle-web.com/pkprojekt/
    Oder doch mehr in HTML interessiert?
    http://tutorial.riehle-web.com
    1. Hi Dennis

      Zuerst sage mir aber, was du unter einer scrollenden Tabelle verstehst. Tabellen "scrollen" nämlich nicht. Sie scrollen höchstens mit der Seite mit.

      Ja da hast Du Recht - habe mich unklar ausgedruckt.

      Ich habe zwei Tabellen, eine oben, eine unten, mit jeweils vielen Zeilen, die daher nicht auf einer Seite, geschweige der Hälfte einer Seite passen. Ich möchte in der oberen Hälfte haben, dass die obere Hälfte wie eine eigenständige Seite scrollt und die untere Hälfte genau so. Aber natürlich, die Tatsache, dass es Tabellen sind, hat nichts damit zu tun. Es können genausogut einfache Texte sein, die so umfangreich sind, dass sie nicht reinpassen würden. Dann sollte der Anwender oben und unten jeweils scrollen dürfen.

      Danke

      Anfänger

  2. Hi Anfänger,

    Wie macht man Frames?

    Klare Sache: Am besten GARNICHT!

    Frames sind eines der übelsten Erfindungen des World-Wide-Web und möglichst zu vermeiden ;-)

    Warum? Siehe http://www.google.de/search?ie=UTF-8&oe=UTF-8&q=Frames+Nachteile

    Ich würde mir für deine Wünsche mal Layer (div) sowie ihre Positionierung mittels CSS angucken, und insbesondere auf die overflow Eigenschaft ein Auge haben.

    Gruß

    Phil

    --
    ich bin ein nachmacher: http://www.eppstein.de
  3. Hi,

    Du kannst das sicher eleganter mit CSS loesen, lies Dich also mal in die hiesige Doku ein. Kleine Anregung:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title>test</title>
    <link REL="stylesheet" href="/common/all/styles/sixtnorm2001.css" type="text/css">
    <style type="text/css">
    .table {
     border: 1px solid red;
     padding: 3px;
     margin: 0;
     border-collapse: collapse;
    }
    .td {
     border-bottom: 1px solid red;
    }
    .test {
     width: 100px;
     height: 60px;
     overflow: auto;
    }
    </style>
    </head>
    <body>
    <table class="table">
    <tr>
     <td class="td">
      <div class="test">test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br></div>
     </td>
    </tr>
    <tr>
     <td>
      <div class="test">test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br></div>
     </td>
    </tr>
    </table>
    </body>
    </html>

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    1. Hallo Joachim!

      Du kannst das sicher eleganter mit CSS loesen, lies Dich also mal in die hiesige Doku ein. Kleine Anregung:...

      <Ketzerei>
      Hast du deinen Vorschlag schon einmal in einem älteren Browser (NS4.7x) oder einem aktuellen Amaya (W3C) getestet? Faszinierend...
      </Ketzerei>

      oder hat da wiedereinmal der Anti-Frames-Reflex zugeschlagen ;-)

      mfg Alfie

      1. Hi,

        Hast du deinen Vorschlag schon einmal in einem älteren Browser (NS4.7x)...

        nun, das aeltere Browser kein Css koennen, ist nicht neu. Der Inhalt wird aber dennoch vollstaendig ausgegeben...

        oder einem aktuellen Amaya (W3C)

        Amaya Usern duerfte Design eh schnuppe sein, und auf Lynx sieht es auch nicht grade edel aus - dafuer kann man selbst bei Safari/Konquerer nicht maulen.

        Ansosten bin ich nicht frameophob, frames aber ausschliesslich zu Designzwecken einzusetzten halte ich fuer nicht mehr zeitgemaess. Abgesehen wissen wir das dies grade im NC 4x auch gewaltig schief gehen kann...

        Gruesse, Joachim

        --
        Am Ende wird alles gut.
        1. Hallo Joachim!

          Du hast natürlich 100%ig Recht; ich hatte einfach nur das Gefühl, dein Beispiel wäre für jemanden mit dem Nick "Anfänger" etwas zu hoch gegriffen.

          mfg Alfie

          1. Hi Ihr Gelehrten

            Du hast natürlich 100%ig Recht; ich hatte einfach nur das Gefühl, dein Beispiel wäre für jemanden mit dem Nick "Anfänger" etwas zu hoch gegriffen.

            Dein komplettes Beispiel (Danke!) funktioniert, wie ich es mir laienhaft vorgestellt hatte. Ich werde in die Richtung gehen und auch an Netscape 4.7 Anwender denken (auch hier Danke für den Tipp)

            Danke

  4. bin Anfänger - bitte nicht steinigen. ;-)

    na mal nicht so ängstlich ;)

    Gibt es einen besseren Weg?

    Ja, nimm möglichst keine Frames. Das geht alles mit CSS z.B. so :

    <body>
    <div style="width:200px; height:100px; border: red 1px solid; overflow:auto;">
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    </div>
    <div style="width:200px; height:100px; border: red 1px solid; overflow:auto;">
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    Blindtext ist eine oft unterschätzte Textform
    </div>
    cu mipu

    1. hallo

      an alle

      es lässt sich mit css lösen

      • wenn man nicht abwärtskompatibel schreiben will
      • wenn die Inhalte in den Bereichen nicht austauschbar sein sollen

      es lässt sich nicht mit css lösen

      • wenn die Idee in den Frames austauschbare Inhalte grösseren Ausmasses sind.

      in diesem Falle sind Frames als einfache Lösung ein Weg
      aber es gilt: Frames sind in vieler Hinsicht problematisch und sollten nur dann eingesetzt werden,
      wenn sie durch die Funktion bedingt sind

      sonst sollte man Frames nur als letzes Element in einer voll funktionsfähig verlinkten HP einsetzen als einen Rahmen.

      Hier ein Beispiel wo Frames unverzichtbar sind.
      http://www.elcappuccino.ch/bdeonline/

      1. Hallo Beat

        sonst sollte man Frames nur als letzes Element in einer voll funktionsfähig verlinkten HP einsetzen als einen Rahmen.

        Wieso?
        Bzw. wozu?

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. hello again

          zum Beispiel für eine Guided Tour wie in SELFHTML

          mfg Beat

      2. Hi,

        Hier ein Beispiel wo Frames unverzichtbar sind.
        http://www.elcappuccino.ch/bdeonline/

        finde ich nicht. Aber wenigstens läßt sich das obere Frame hier zusammenschieben, weil: brauchen tut man es ja recht selten.

        freundliche Grüße
        Ingo

      3. Hallo mipu,

        leider komme ich nicht klar mit allen Deinen Ausführungen

        es lässt sich mit css lösen

        • wenn man nicht abwärtskompatibel schreiben will

        Das ist der Hinweise auf N4.7 oder?

        • wenn die Inhalte in den Bereichen nicht austauschbar sein sollen

        Verstehe ich leider nicht. Was bedeutet austauschbar in diesem Zusammenhang?

        es lässt sich nicht mit css lösen

        • wenn die Idee in den Frames austauschbare Inhalte grösseren Ausmasses sind.

        Verstehe ich es richtig, dass es irgendwo Grenzen gibt

        Nochmals zur Klarstellung meines Wunsches.
        Habe oben und unten unterschiedliche Texte, die unterschiedlich lang sind, die aber sicher zu groß sind, dass sie in der Hälfte des Fensters passen. Daher sollte der Anwender scrollen dürfen.

        Danke

        Anfänger

        1. Hallo Anfänger

          Habe oben und unten unterschiedliche Texte, die unterschiedlich lang sind, die aber sicher zu groß sind, dass sie in der Hälfte des Fensters passen. Daher sollte der Anwender scrollen dürfen.

          Ist es wichtig bzw. muss der Anwender beide Texte gelichzeitig sehen?

          Auf Wiederlesen
          Detlef

          --
          - Wissen ist gut
          - Können ist besser
          - aber das Beste und Interessanteste ist der Weg dahin!
          1. Hallo Detlef,

            Ist es wichtig bzw. muss der Anwender beide Texte gelichzeitig sehen?

            Ja. Schon. Die obere Hälfte ist Information zur Vergangenheit
            Beispiel:
            22.06.04 Es passierte dieses link-mehr-info
            21.06.04 Es passiert jenes link-mehr-info
            19.06.04 heute war dieses los link-mehr-info
            19.06.04 heute war auch dieses los link-mehr-info
            usw. usw. weiter zurück in die Vergangenheit

            Untere Hälfte ist Info zur Zukunft
            25.06.04 Folgendes wurde organisiert: link-mehr-info
            26.06.04 heute findet dieses statt: link-mehr-info
            26.06.04 auch dieses findet heute statt link-mehr-info
            28.06.04 Start von diesem Event link-mehr-info
            usw. usw. weiter vorwärts in die Zukunft

            Klarer?

            Danke

            Anfänger

            1. Hallo Anfänger

              Es geht dir also darum, zwei Linklisten mit jeweils kurzen Textschnipseln anzuzeigen.
              Da der typische Monitor breiter als hoch ist, würde ich diese eher nebeneinander und nicht unbedingt einzeln scrollbar anordnen.

              Ich persönlich finde es immer nicht so toll, wenn ich nicht die ganze Seite scrollen kann sondern kleine Fensterchen auf dieser.

              Mir ging es mit meiner Frage darum, ob diese beiden Bereiche eine direkte Beziehung zueinander haben, und z.B. zu Vergleichszwecken einzeln gescrollt werden müssen.

              Auf Wiederlesen
              Detlef

              --
              - Wissen ist gut
              - Können ist besser
              - aber das Beste und Interessanteste ist der Weg dahin!
              1. Hallo Detlef

                Ich persönlich finde es immer nicht so toll, wenn ich nicht die ganze Seite scrollen kann sondern kleine Fensterchen auf dieser.

                Verstehe. Es gibt gewisse Gründe, die zu langatmig sind zu erklären, haben aber mit dem Thema der Seite zu tun, warum ich es so machen möchte.

                Danke für die Hinweise

                Anfänger

    2. Hallo mipu,

      danke, das Beispiel hat auch mir geholfen

      Gruß Mia

  5. Hello Leute,

    Danke für die Antworten, die ich erst jetzt gesehen habe.
    Gestern ging
    http://forum.de.selfhtml.org/
    um hierher zu kommen
    Aber seit gestern Nachmittag nicht mehr. Jetzt geht
    http://forum.de.selfhtml.org/

    Dachte Forum war "down".

    Erinnert mich an dem alten Witz:
    Frage: Wie war es möglich, dass der liebe Gott die Welt in sechs Tage erschaffen konnte?
    Antwort: Weil er nicht an Rückwärtskompatibilität hat denken müssen

    Ich versuche jetzt die Antworten zu verstehen und umzusetzen

    Danke

    1. Hi Anfänger,

      Gestern ging
      http://forum.de.selfhtml.org/

      Geht auch heute noch. Übrigends steht hier </faq/#Q-19>, wie man Links macht:
      http://forum.de.selfhtml.org/

      um hierher zu kommen
      Aber seit gestern Nachmittag nicht mehr. Jetzt geht
      http://forum.de.selfhtml.org/

      Das geht schon seit mehreren Wochen, seit das Forum hierher umgezogen ist ;-)
      http://forum.de.selfhtml.org/

      MfG, Dennis.

      --
      Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
      Zufällige Hinweise:
      Meine Homepage: http://www.riehle-web.com
      Tutorial: http://tutorial.riehle-web.com