HTML/CSS Scrollbalken auf bestimmter Stelle

table1

table1

Kleiner Grafiker
ID: 263110
L
6 November 2006
1.579
147
Hallo zusammen,

ich bin echt am verzweifeln...

Ich versuche an der markierten Stelle (siehe Bild, Orange markiert) einen Scrollbalken einzufügen. Wenn ich Gruppe 1 -4 schreiben würde, würde die seite sprengen.


Per iFrame würde ich das ungerne machen...

hat jemand eine Lösung für mich? :)

Das wäre echt super :)

Das ist der HTML Code (ohne Gruppe B):
HTML: 
<td colspan="24" valign="top" bgcolor="400236"><table width="625" border="0" align="center">
          <caption>
            <span class="Stil1">Gruppe A            </span>
          </caption>
		  <tr>
            <td><span class="Stil1">Platz</span></td>
		    <td><span class="Stil1">Mannschaft</span></td>
		    <td><span class="Stil1">Spiele</span></td>
		    <td><span class="Stil1">Sieg</span></td>
		    <td><span class="Stil1">Unentschieden</span></td>
		    <td><span class="Stil1">Niederlage </span></td>
		    <td><span class="Stil1">Tore</span></td>
		    <td><span class="Stil1">Gegentore</span></td>
		    <td><span class="Stil1">Tore-Bilanz</span></td>
		    <td><span class="Stil1">Punkte</span></td>
	      </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
        </table>
	</td>
	<td>

mfg table1

PS: komisch das dass Forum den Code nicht schön geordnet anzeigt....ich hoffe das ist nicht so schlimm...wegen übersicht oder so..
 
Theoretisch müsste es reichen, dem äußersten <td> in Deinem Code die CSS-Angabe "overflow-y: auto" zu geben (bzw. "overflow-y: scroll", um den Scrollbalken immer sichtbar zu haben).
 
Hallo,

danke für deinen Tipp, ich habe es so versucht aber leider verrutscht die seite weil die Gruppen Tabellen zu groß sind für die Fläche.....

Bild: https://img1.myimg.de/adassdab85ef.png

Ich brauche halt nur den Scroll balken dort wo die Gruppen Tabellen hingehören....

Ich hoffe ihr könnt mir weiter helfen, wäre sehr lieb :)

mfg
table1
 
Achso. Du musst dem <td> natürlich auch die entsprechende maximale Höhe geben, sonst wird das Element halt immer so gross wie der Inhalt und nicht so gross, wie Du es haben willst.
 
tleilax schrieb:
Achso. Du musst dem <td> natürlich auch die entsprechende maximale Höhe geben, sonst wird das Element halt immer so gross wie der Inhalt und nicht so gross, wie Du es haben willst.
Zum Vergrößern anklicken....

Vielen Dank, aber leider will es einfach nicht klappen :(

ich poste mal die td Zeile mit der Gruppe A:
Die Höhe und Breite vom Textfeld ist genau 469 (höhe) und 752 (breite)
PHP: 
<tr>


<td style="overflow: scroll" colspan="24" valign="top" bgcolor="400236" hight="469px" width="752px">
		

<table width="625" border="1" align="center">
      <caption>
            <span class="Stil1">Gruppe A           </span>
          </caption>
		  <tr>
            <td><span class="Stil1">Platz</span></td>
		    <td><span class="Stil1">Mannschaft</span></td>
		    <td><span class="Stil1">Spiele</span></td>
		    <td><span class="Stil1">Sieg</span></td>
		    <td><span class="Stil1">Unentschieden</span></td>
		    <td><span class="Stil1">Niederlage </span></td>
		    <td><span class="Stil1">Tore</span></td>
		    <td><span class="Stil1">Gegentore</span></td>
		    <td><span class="Stil1">Tore-Bilanz</span></td>
		    <td><span class="Stil1">Punkte</span></td>
	      </tr>
          <tr>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1">0</span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
          </tr>
          <tr>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1"></span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1">0</span></td>
            <td><span class="Stil1"></span></td>
          </tr>
        </table>
</td>
 
Ändert's was, wenn Du "height" richtig schreibst?

Und: Hast Du irgendeine Möglichkeit, das Ganze online zu zeigen? Codeschnipsel helfen da nicht wirklich. Besser wäre ein konkretes Beispiel, wo man mit Hilfe von Firebug (oder Konsorten) direkt rumtüfteln kann...
 
tleilax schrieb:
Ändert's was, wenn Du "height" richtig schreibst?

Und: Hast Du irgendeine Möglichkeit, das Ganze online zu zeigen? Codeschnipsel helfen da nicht wirklich. Besser wäre ein konkretes Beispiel, wo man mit Hilfe von Firebug (oder Konsorten) direkt rumtüfteln kann...
Zum Vergrößern anklicken....

Oh Gott.... hab ich total übersehen, leider ohne erfolg.

Ich habs mal hochgeladen:
https://beatdx.pytalhost.de/NEW/tabelle.html

mfg table1
 
Ok, hab grad gemerkt, dass ein <td> sich anders verhält als ich erwartet hätte.

Wenn Du allerdings den Inhalt des <td> (sprich die 4 Gruppentabellen) in einen <div> packst, müsste es genauso sein, wie Du es haben willst:
HTML: 
<div style="height: 442px; width: 735px; overflow-y: scroll;">
 
tleilax schrieb:
Ok, hab grad gemerkt, dass ein <td> sich anders verhält als ich erwartet hätte.

Wenn Du allerdings den Inhalt des <td> (sprich die 4 Gruppentabellen) in einen <div> packst, müsste es genauso sein, wie Du es haben willst:
HTML: 
<div style="height: 442px; width: 735px; overflow-y: scroll;">
Zum Vergrößern anklicken....

Welches <td> soll ich jetzt genau ändern?
 
Das, wo Du auch schon die anderen Änderungen dran vorgenommen hast. Die können dann im Übrigen auch wieder weg.
 
tleilax schrieb:
Das, wo Du auch schon die anderen Änderungen dran vorgenommen hast. Die können dann im Übrigen auch wieder weg.
Zum Vergrößern anklicken....

Ich schaff es einfach nicht...endweder ich füg den code nicht an der richtigen stelle oder weiß nicht was los ist...

Könnten sie mir vllt sagen wo ich den code genau hinzufügen muss?

sie helfen mir echt schon so viel...das ist echt sehr nett von ihnen =)

mfg table1
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben