gammla: Breite Tabelle horizontal scrollen!

Hallo!
Ich habe mittlerweile schon sehr viel versucht und gelesen. Leider bin ich bis jetzt zu keinem Ergebnis gekommen.
Wenn das maximum erreicht ist, soll das DIV in der zweiten Spalte "überlaufen"!

Hier könnt ihr eine solche recht breite Tabelle sehen:
Link

Hier ein Beispiel, in dem ich das ganze mal vereinfacht nachstellen wollte:
Beispiel

Könnt ihr mir da weiter helfen?

Ich bekomme das einfach nicht hin!

Gruß,

gammla

  1. Hi,

    Könnt ihr mir da weiter helfen?

    Vielleicht, wen du dein Problem mal nachvollziehbar beschreibst. (Lies bitte auch die Tipps fuer Fragende.)

    Wenn das maximum erreicht ist, soll das DIV in der zweiten Spalte "überlaufen"!

    Damit kann ich nichts anfangen.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. Hi,

      Könnt ihr mir da weiter helfen?

      Vielleicht, wen du dein Problem mal nachvollziehbar beschreibst. (Lies bitte auch die Tipps fuer Fragende.)

      Wenn das maximum erreicht ist, soll das DIV in der zweiten Spalte "überlaufen"!

      Damit kann ich nichts anfangen.

      MfG ChrisB

      Ok, ich will das ganze nochmal beschreiben.
      Ich habe eine Tabelle mit 3 Spalten. In der mittleren Spalte soll eine große Tabelle Platz finden. Diese Tabelle habe ich in ein Div getan, dass scrollen soll, wenn die Fensterbreite zu klein wird! Die beiden äußeren Spalten haben eine feste Breite.

      Einfach mal auf Beispiel aus dem ersten Beitrag klicken und das Fenster klein ziehen.
      Leider fängt in diesem Fall das DIV nicht an zu scrollen!

      Gruß,

      Gammla

      1. Ok, ich will das ganze nochmal beschreiben.
        Ich habe eine Tabelle mit 3 Spalten. In der mittleren Spalte soll eine große Tabelle Platz finden. Diese Tabelle habe ich in ein Div getan, dass scrollen soll, wenn die Fensterbreite zu klein wird! Die beiden äußeren Spalten haben eine feste Breite.

        Einfach mal auf Beispiel aus dem ersten Beitrag klicken und das Fenster klein ziehen.
        Leider fängt in diesem Fall das DIV nicht an zu scrollen!

        Hab ich das richtig verstanden:
        tabelle => div -> tabelle, die srcollen soll?

        also, tabelle bekommt mindestbreite und scroll:auto...
        gib naechstes mal beispielcode her.

        g johannes

        1. Hallo!
          Genau so soll es sein!
          Eine große Tabelle für das Layout (3 Spaltig). In der mittleren Spalte ist der Content-Bereich (variabel). Spalte 1 und 3 haben eine feste Breite! In der zweiten Spalte ist der Content-Bereich in dem eine Tabelle ist, die ich in ein DIV gesetzt haben, damit diese scrollen kann.
          Genau das klappt leider nicht!

          Ich habe schon viel hier im Forum gelesen, und es wurde oft bemängelt, dass kein Beispielcode angegeben ist. Bzw. dass eine Beispielseite eingestellt wurde.

          Genau aus diesem Grund habe ich eigentlich die Links in meinem ersten Posting gesetzt?!

          Gruß,

          Gammla

          Ok, ich will das ganze nochmal beschreiben.
          Ich habe eine Tabelle mit 3 Spalten. In der mittleren Spalte soll eine große Tabelle Platz finden. Diese Tabelle habe ich in ein Div getan, dass scrollen soll, wenn die Fensterbreite zu klein wird! Die beiden äußeren Spalten haben eine feste Breite.

          Einfach mal auf Beispiel aus dem ersten Beitrag klicken und das Fenster klein ziehen.
          Leider fängt in diesem Fall das DIV nicht an zu scrollen!
          Hab ich das richtig verstanden:
          tabelle => div -> tabelle, die srcollen soll?

          also, tabelle bekommt mindestbreite und scroll:auto...
          gib naechstes mal beispielcode her.

          g johannes

          1. Hallo!
            Genau so soll es sein!
            Eine große Tabelle für das Layout (3 Spaltig). In der mittleren Spalte ist der Content-Bereich (variabel). Spalte 1 und 3 haben eine feste Breite! In der zweiten Spalte ist der Content-Bereich in dem eine Tabelle ist, die ich in ein DIV gesetzt haben, damit diese scrollen kann.
            Genau das klappt leider nicht!

            Ich habe schon viel hier im Forum gelesen, und es wurde oft bemängelt, dass kein Beispielcode angegeben ist. Bzw. dass eine Beispielseite eingestellt wurde.

            Genau aus diesem Grund habe ich eigentlich die Links in meinem ersten Posting gesetzt?!

            Gruß,

            Gammla

            Ok, ich will das ganze nochmal beschreiben.
            Ich habe eine Tabelle mit 3 Spalten. In der mittleren Spalte soll eine große Tabelle Platz finden. Diese Tabelle habe ich in ein Div getan, dass scrollen soll, wenn die Fensterbreite zu klein wird! Die beiden äußeren Spalten haben eine feste Breite.

            Einfach mal auf Beispiel aus dem ersten Beitrag klicken und das Fenster klein ziehen.
            Leider fängt in diesem Fall das DIV nicht an zu scrollen!
            Hab ich das richtig verstanden:
            tabelle => div -> tabelle, die srcollen soll?

            also, tabelle bekommt mindestbreite und scroll:auto...
            gib naechstes mal beispielcode her.

            g johannes

            Hallo!
            Ich habe es wie folgt probiert:

            <table width="100%">  
            <tr>  
            <td width="50px">Spalte 1  
            </td>  
            <td>  
            <div style="overflow: scroll">  
            <table style="min-width:800px;" >  
             <tbody>  
              <tr>  
               <td>  
               Zeit  
               </td>  
               <td>  
               Phase  
               </td>  
               <td>  
               geplantes  
               Lehrerverhalten<br />  
               </td>  
               <td>  
               erwartetes  
               Sch&uuml;lerverhalten<br />  
               </td>  
               <td>  
               Sozialform  
               </td>  
               <td>  
               Methoden</td>  
               <td>  
               Medien  
               </td>  
              </tr>  
             </tbody>  
            </table>  
            </div>  
            </td>  
            <td width="50px">  
            Spalte 3  
            </td>  
            </tr>  
            </table>
            

            leider ohne Erfolg!

            Vielleicht wird mein Problem jetzt etwas deutlicher!

            1. wuesste nicht, warum das nicht funktionieren sollte, wollte ich sagen, bis ich gecheckt habe, dass dein html und css komplett invalid sind:
              htmlvalidator cssvalidator
              im uebrigen, ferwendest du da tabellen fuer layouts?
              PFUI! :)

              g johannes