Sebastian: alternative zu iframes

Hallo und guten Abend,

ich habe meine Seite in verschiedene Tabellen aufgeteilt. ungefähr so...

<html>
 <head>

</head>

<body>
  <table width="85%" align="center" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td class="li">
 </td>
    <td>
     <!--ende aussentab-->
     <table border="0" cellpadding="0" cellspacing="0">
      <tr>
       <td id="top">

</td>
      </tr>
      <tr>
       <td id="oben">
        </td>

</tr>
     </table><!--ende oben-->
     <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
       <td id="sp1">
       </td>
       <td valign="top" id="sp2">
        </tr>
      <tr>
       <td colspan="1" id="fussleiste">
        </td>
       <td colspan="1" id="fussleiste2">
       </td>
      </tr>
     </table>
    </td>

<td class="re"></td><!-- aussentab-->
   </tr>
  </table>
 </body>
</html>

ich möchte gern, dass der Inhalt in Spalte 2 (id=sp2) variabel nach unten ins unendliche scrollen kann, allerdings spalte 1 sich in der Höhe nicht ändert/ bzw. der komplette Rest fix ist.

Ich kann für die Spalte 2 einen IFrame definieren, allerdings habe ich gelesen, dass das nicht sehr elegant ist... gibt es für den Sinn und Zweck eines IFrames eine Alternative??

danke und gruß, sebastian

  1. hi,

    Ich kann für die Spalte 2 einen IFrame definieren, allerdings habe ich gelesen, dass das nicht sehr elegant ist...

    Das sind Tabellen zu Layoutzwecken auch nicht - oder stellst du etwa tabellarische Daten dar?

    gibt es für den Sinn und Zweck eines IFrames eine Alternative??

    Die Alternative zu Iframes und Tabellendesign nennt sich CSS-basiertes Layout, auf sinnvoll strukturiertem HTML aufsetzend.

    Scrollbare Bereiche bekommst du dabei mit der Eigenschaft overflow hin.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Ich kann für die Spalte 2 einen IFrame definieren, allerdings habe ich gelesen, dass das nicht sehr elegant ist...

      Das sind Tabellen zu Layoutzwecken auch nicht - oder stellst du etwa tabellarische Daten dar?

      nein, keine daten... wenn du magst, dann sieh mal hier: kotscha.de - sieht das denn sooo schlimm aus mit der tabellarischen struktur, oder hätte man auch alles mit css machen können?

      Scrollbare Bereiche bekommst du dabei mit der Eigenschaft overflow hin.

      vielen dank!! dann werde ich mal lesen :)

      gruß sebastian

      1. hi,

        wenn du magst, dann sieh mal hier: kotscha.de - sieht das denn sooo schlimm aus mit der tabellarischen struktur,

        Daten tabellarischer Natur scheinen auf den ersten Blick überhaupt keine vorhanden zu sein.

        oder hätte man auch alles mit css machen können?

        Nein, müssen :-)

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Daten tabellarischer Natur scheinen auf den ersten Blick überhaupt keine vorhanden zu sein.

          das freut mich, denn ich habe die Anordnung mittels Tabellenlayout hingefrickelt...

          oder hätte man auch alles mit css machen können?

          Nein, müssen :-)

          jaaa, müssen ;)

          dafür hat jeder Tabellenbereich sein eigenes css layout ;)

          jetzt wo du die seite gesehen hast, kannst du dir ja in etwa vorstellen wie ich das meine... in der rechten Spalte/ Hälfte soll ein Text/ Bilder/ Inhalt hinein, welcher nach unten ins unendliche gehen kann - overflow scheint mir sehr, sehr hilfreich zu sein...

          ALLERDINGS soll der untere Tabellenbereich auch fixiert sein... so das wirklich nur der Inhalt der spalte 2 scrollbar ist (also genau so wie es ein Iframe machen würde... so wie ich das bei overflow sehe, legt diese funktion den Text einfach nur "über den Inhalt"...

          1. hi,

            Daten tabellarischer Natur scheinen auf den ersten Blick überhaupt keine vorhanden zu sein.

            das freut mich, denn ich habe die Anordnung mittels Tabellenlayout hingefrickelt...

            Wieso freut dich das?

            Wenn keine tabellarischen Daten vorhanden sind, ist eine Tabelle ungeeignet zur sinnvollen Auszeichnung.

            ALLERDINGS soll der untere Tabellenbereich auch fixiert sein... so das wirklich nur der Inhalt der spalte 2 scrollbar ist (also genau so wie es ein Iframe machen würde... so wie ich das bei overflow sehe, legt diese funktion den Text einfach nur "über den Inhalt"...

            Nein - overflow legt das Verhalten für den Fall fest, dass der Inhalt eines Elements die für dieses Element definierte Höhe (oder Breite) überschreitet. Ob dann abgeschnitten werden soll, ob der Inhalt über die Elementgrenzen herausfliessen soll, ob Scrollbalken erscheinen sollen.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. Wieso freut dich das?

              Wenn keine tabellarischen Daten vorhanden sind, ist eine Tabelle ungeeignet zur sinnvollen Auszeichnung.

              wäre also ein frameset besser gewesen?...

              wie gesagt, sieht das ganze momentan so aus...

              das ist jetzt spalte 1 (Bild) und 2 der Text...

              <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr>

              <td id="sp1"><img src="images/manu.jpg" alt="" width="470" height="750"></td>

              <td id="sp2" valign="top" >

              <h2 class="c1">Text...</h2>

              <div style="width:465px; margin-left: 5px; height:700px; overflow:auto; border:0px ">

              <p>The image will not scroll with the rest of the page</p>
              <p>The image will not scroll with the rest of the page</p>
              <p>The image will not scroll with the rest of the page</p>
              <p>The image will not scroll with the rest of the page</p>
              <p>The image will not scroll with the rest of the page</p>
              </div>

              </td>
                    </tr>

              Nein - overflow legt das Verhalten für den Fall fest, dass der Inhalt eines Elements die für dieses Element definierte Höhe (oder Breite) überschreitet.

              overflow funktioniert astrein!!! sehr geil und vielen Dank!!

              gruß Sebastian

              1. hi,

                Wenn keine tabellarischen Daten vorhanden sind, ist eine Tabelle ungeeignet zur sinnvollen Auszeichnung.

                wäre also ein frameset besser gewesen?...

                Nein, genauso Nonsense.
                Das mit dem Regen und der Traufe oder lesser of to evils sind passende Redewendungen beim Vergleich dieser beiden.

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                1. wäre also ein frameset besser gewesen?...

                  Nein, genauso Nonsense.

                  tja, lesser of two evils :) mein Lebensmotto, hehe

                  aber bitte was wäre denn bei meinem Layout (hattest Du ja kurz ein Blick drüber geworfen) dann eine sinnvolle Gestaltungsmöglichkeit gewesen?

                  keine Aufteilung in Frames, keine Aufteilung in tabellarische Flächen... bitte dann denn was??

                  gruß sill

                  1. hi,

                    aber bitte was wäre denn bei meinem Layout (hattest Du ja kurz ein Blick drüber geworfen) dann eine sinnvolle Gestaltungsmöglichkeit gewesen?

                    keine Aufteilung in Frames, keine Aufteilung in tabellarische Flächen... bitte dann denn was??

                    Inhalte mit sinnvollem HTML strukturiert, mit CSS wie gewünscht formatiert.

                    gruß,
                    wahsaga

                    --
                    /voodoo.css:
                    #GeorgeWBush { position:absolute; bottom:-6ft; }