Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Scrollbalken in Tabellenbereich





Frage

Hallo, ist es möglich einen Scrollbalken für einen <table> zu machen??? Danke Stefan

Antwort 1 von rfb

ja, was genau hast du denn vor?

Antwort 2 von Henavegla

Ich möchte in einem Contentbereich, in dem 4 Spalten sind und der in einen zentrierenden Table liegt einen Scrollbalken auf der rechten Seite generieren.

---------------------------------------------
Bilder
---------------------------------------------
Navigation
------------------------------------------
Bild.........|
............... | Content, bei dem auf der rechten Seite der
................| Scrollbalken entstehen soll
-----------------------------------------------
Abschluss der Seite

Danke
Stefan

Antwort 3 von rfb

na ja, wie auch immer

du kannst einem Blockelement, z.B. div, td, p folgende Eigenschaft zuordnen
beispiel div:
<div style="width:...; height:...; overflow:scroll">Inhalt</div>

also Höhe und/oder Breite im CSS festlegen und mit overflow:scroll festlegen, dass alles was darüber hinausragt per Schrollbalken erreicht werden kann.

Vielleicht beschäftgst du dich ja noch mehr mit CSS:
www.css4you.de

Antwort 4 von Henavegla

Hi,

habs mit <div> hinbekommen. Mit <TD> und dem style-Befehl hat es nicht hingehauen. Kannst Du mir noch sagen, ob es möglich ist und wie, den vertikalen / horizontalen Balken einzeln anzuzeigen. Ich bekomme derzeit beide und möchte je nach bedarf einen ausschalten.

Danke
Stefan

Antwort 5 von rfb

das ist (ohne weiteres) nicht möglich.

Lösungsvorschlag:
mach noch ein inneres div, gib dem z.B. eine feste Breite und dazu die Eigenschaft overflow:hidden,

dem äußeren kannst du dann eine fixe Höhe und overflow:scroll zuordnen, dann hast du nur einen Scrollbalken in y-Richtung, alles was in x-Richtung zu viel ist wird abgeschnitten.

Ist ein bisschen Fummelarbeit mit den genauen Maßen, da z.T. die Scrollbalken mit berechnet werden bei den Größenangaben.

Antwort 6 von Henavegla

Haut bei mir nicht hin:

<td class="t4_gr"><div style="height:410; overflow:scroll"><div style="width:450; overflow:hidden"><br><br><font class="t3_o">Überschrift</font><br><br>Blindtext</div></div>

;)

Danke
Stefan

Antwort 7 von Henavegla

Habs...

Ich habe den ersten overflow-Wert auf "auto" gesetzt. Dann kann man sich den 2-ten auch sparen ;)

Danke für Deine Hilfe.

Stefan

Antwort 8 von rfb

auch gut wenns klappt, jedoch gibt es einige Browser, die bei overflow:auto Mist machen, z.B. Opera 6, teilweise auch Opera 7 (mal abgesehen vom immer noch viel mehr verbreiteten Netscape 4, vor dem musst du sowas eigentlich komplett verstecken)