✔ Scrollen in Tabellen

[spacelion]

hi,

versuche in einer zelle von einer Tabelle wie hier im Tutorial beschrieben zu scrollen. Funktioniert soweit auch. Wenn ich aber die höhe und breite in Prozent ausdrücken will kann ich nur die Komplette Tabelle scrollen.

Hoffe einer von euch hat zumindest eine erklärung für mich.

THX

Spacelion

 

[versuch13]

post mal dein script und einen link.


greetz

 

[Gumbo]

Ich hab ein interessantes Beispiel gefunden.

 

[hachel]

hmmm... kann ich meinen Beitrag nicht löschen? Hatte etwas falsch aufgenommen...

 

[spacelion]

Hi,
danke für die Hilfe erstmal.

der link heist: http://www.raumhilfe.com/
unter dem Menuepunkt Impressum seht ihr das Problem.
das css File könnt findet ihr unter http://www.raumhilfe.com/detail_main.css

Würde gerne den Text die ganze seite laufen lassen und nicht in einem fixen Rahmen.
Ich finde nämlich das, dass doof aussieht wie es jetzt ist

Glaube ja langsam das ich einen Denkfehler habe.

 

[Maik]

Hallo spacelion,

mal was grundsätzliches zu deiner CSS-Datei: entferne am Ende die beiden abschliessenden </style>-TAGS:

td.scroll
{
width: 600px;
height: 337px;
color: #ccddee;
background-color: #FFFFFF;
scrollbar-base-color: #203b54;
scrollbar-3d-light-color: #a0bbd4;
scrollbar-arrow-color: #a0bbd4;
scrollbar-darkshadow-color: #203b54;
scrollbar-face-color: #203b54;
scrollbar-highlight-color: #809bb4;
scrollbar-shadow-color: #809bb4;
scrollbar-track-color: #203b54;
}
</style>
                                        
                                        
</STYLE>

Meines Erachtens lässt sich keine %-Angabe für die Höhe der scrollfähigen Tabellenzelle realisieren.

 

[spacelion]

Stimmt das geht auch nicht.
Danke für den Hinweis trotzdem.

 

[OverfloOD]

scrollen in tabellen hieß es doch richtig?

style="overflow:auto"

greez
OverflooD

 

[Maik]

@ OverfloOD,

die CSS-Eigenschaft overflow:auto ist schon richtig, aber für eine scrollfähige Tabellenzelle bedarf es da noch weitere CSS- und HTML-Komponenten:

CSS-Code:

td.scroll
{
width: 300px;
height: 140px;
border: 1px solid #000000;
}

HTML-Code:

<table border="1" cellspacing="5">
 <tr>
   <td class="scroll">
       <div style="overflow:auto; width:300px; height:140px;">
             scroll content starts here ....
       </div>
   </td>
 </tr>
</table>