Scrollbar in Tabellen

Biloboy · 2. Januar 2006

Würde gerne eine Tabelle erstellen, mit einer festen Grösse. Wenn der Text jetzt diese Grösse überschreitet sollte wie bei Frames ein Scrollbar erscheinen und die Tabelle nicht vergrössert werden.

Wie stelle ich dies mithilfe von html an???

ZAM · 2. Januar 2006

Versuchs im td Tag mit dem zu scrollenden Content mal mit

style="overflow:auto"

Ansonsten packst du einen DIV layer in den Bereich um den Content mit der festen größe deiner Tabelle bzw. dieses Feldes. Diesem DIV Layer Tag gibst du ebenfalls die oben erwähnten Style Definition.

Biloboy · 2. Januar 2006

ZAM am 02.01.2006 15:20 schrieb:
Versuchs im td Tag mit dem zu scrollenden Content mal mit

style="overflow:auto"

Ansonsten packst du einen DIV layer in den Bereich um den Content mit der festen größe deiner Tabelle bzw. dieses Feldes. Diesem DIV Layer Tag gibst du ebenfalls die oben erwähnten Style Definition.

Geht leider nicht mit dem overflow:auto im td-tag.

Komme nicht ganz draus, wie du das meinst mit den div-Tags. was div-Tags sind ist mir klar. Aber wo muss ich die einbauen.

<table>
<tr>
<td>
</td>
</tr>
</table>

wo soll ich sie hier reinhauen???

ZAM · 2. Januar 2006

Code:

<table>
    <tr>
        <td>
          <div height="max höhe" width="max breite" style="overflow:auto">
           Hier den Content rein der gescrollt werden soll.
          </div>
        </td>
    </tr>
</table>

Biloboy · 2. Januar 2006

ZAM am 02.01.2006 17:10 schrieb:

Code:

<table>
    <tr>
        <td>
          <div height="max höhe" width="max breite" style="overflow:auto">
           Hier den Content rein der gescrollt werden soll.
          </div>
        </td>
    </tr>
</table>

habe auch dieses Beispiel versucht. Geht aber immer noch nicht. Die Tabelle wird immer noch grösser, sobald der Text die max höhe überschreitet.

Burtchen · 2. Januar 2006

Biloboy am 02.01.2006 20:19 schrieb:
ZAM am 02.01.2006 17:10 schrieb:

Code:

<table> <tr> <td> <div height="max höhe" width="max breite" style="overflow:auto"> Hier den Content rein der gescrollt werden soll. </div> </td> </tr> </table>

Zum Vergrößern anklicken....

habe auch dieses Beispiel versucht. Geht aber immer noch nicht. Die Tabelle wird immer noch grösser, sobald der Text die max höhe überschreitet.

Mach doch mal overflow:scroll :-D

Rayne · 2. Januar 2006

Bei mir hat das damals auch nie funktioniert, auch wenn ich die richtigen Befehle benutzt habe.

Nur diese Variante hat geholfen:

Erstelle ein StyleSheet mit diesen Anweisungen:

.scrollen {
overflow: auto; /*wichtig*/
height: 95%; /*wichtig*/
width: 95%: /*wichtig*/
}

Jetzt musst du das "scrollen" nur noch aufrufen:

<div class="scrollen">

Rayne

ZAM · 2. Januar 2006

Biloboy am 02.01.2006 20:19 schrieb:
habe auch dieses Beispiel versucht. Geht aber immer noch nicht. Die Tabelle wird immer noch grösser, sobald der Text die max höhe überschreitet.

Oh Gott, woher sollte ich wissen das man dir jeden schritt hinschreiben muss.
Ich dachte du könntest dir die Tabelle SELBSTSTÄNDIG vervollständigen.

Biloboy · 3. Januar 2006

ZAM am 02.01.2006 23:34 schrieb:
Biloboy am 02.01.2006 20:19 schrieb:

habe auch dieses Beispiel versucht. Geht aber immer noch nicht. Die Tabelle wird immer noch grösser, sobald der Text die max höhe überschreitet.

Zum Vergrößern anklicken....

Oh Gott, woher sollte ich wissen das man dir jeden schritt hinschreiben muss.
Ich dachte du könntest dir die Tabelle SELBSTSTÄNDIG vervollständigen.

Was meinst du mit vervollständigen. Falls du meinst das ich die "max höhe" noch in eine Zahl umwandeln muss, so habe ich dies getan.

Edit:
OK, alles klar. habe vergessen die td auch noch mit den Grössenwerten auszufüllen.
So siehts perfekt aus, für alle die das Problem auch haben:

<html>
<head>
<title> Test</title>
</head>
<body>
<table>
<tr>
<td style="height:100; width:100">
<div style="height:100; width:100;overflow:auto">
</div>
</td>
</tr>
</table>
</body>
</html>

ZAM · 3. Januar 2006

Burtchen am 02.01.2006 20:27 schrieb:
Mach doch mal overflow:scroll

Das "auto" ist schon beabsichtigt..damit die Scrollbars nicht immer vorhanden sind sondern erst bei Layoutsprengentem Content erscheinen.

Burtchen · 3. Januar 2006

ZAM am 03.01.2006 16:49 schrieb:
Burtchen am 02.01.2006 20:27 schrieb:

Mach doch mal overflow:scroll

Zum Vergrößern anklicken....

Das "auto" ist schon beabsichtigt..damit die Scrollbars nicht immer vorhanden sind sondern erst bei Layoutsprengentem Content erscheinen.

War mir klar. Aber "auto" ist doch ohnehin die Voreinstellung :finger:

ZAM · 3. Januar 2006

Burtchen am 03.01.2006 16:51 schrieb:
War mir klar. Aber "auto" ist doch ohnehin die Voreinstellung

Man lässt es trotz "voreinstellung" oO (Browser spezifischer scheiss? es gibt ja laut OT :ablach keine Standarts) trotzdem nicht ohne wert stehen.

Aktualisierte Forenregeln

Scrollbar in Tabellen

Biloboy

Anfänger/in

ZAM

Inventar

Biloboy

Anfänger/in

ZAM

Inventar

Biloboy

Anfänger/in

Burtchen

Spiele-Enthusiast/in

Rayne

Gast

ZAM

Inventar

Biloboy

Anfänger/in

ZAM

Inventar

Burtchen

Spiele-Enthusiast/in

ZAM

Inventar

Ähnliche Themen