Scrollleiste bei einer Spalte einer Tabelle

[Binary]

Hallo zusammen,

habe folgendes probiert:

<td class="style1" style="height:25px;overflow:hidden"> 
Inhalt der definitif größer as 25 px ist
</td>

Leider wird der Code völlig ignoriert :(

Jemand ne Idee / nen Tipp?

Vielen Dank und VG
Binary

 

[mermshaus]

Probier mal, dem tr-Element diese Style-Eigenschaften zu setzen. Ansonsten bitte ein komplettes Beispiel.

 

[rapid10]

Hatte das Problem auch mal. Du musst jeder Zelle in der Zeile diese Eigenschaft geben. Ansonsten wird es einfach ignoriert.

EDIT: mermshaus' Vorschlag ist sogar einfacher umzusetzen. Danke für den Tipp. ;)

 

[threadi]

Vorsicht, der IE unterstützt das imho nicht wirklich.

 

[Binary]

Vorsicht, der IE unterstützt das imho nicht wirklich.

Nicht schlimm! Ich unterstütze IE auch nicht ;)

Hatte das Problem auch mal. Du musst jeder Zelle in der Zeile diese Eigenschaft geben. Ansonsten wird es einfach ignoriert.

EDIT: mermshaus' Vorschlag ist sogar einfacher umzusetzen. Danke für den Tipp. ;)

Hat leider alles nicht funktioniert :(

                    "<div id='ls_gallery_box'>" +
                    "<div id='ls_gallery'><ul>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' id='ls1' src='img/max_lebensabschnitt-schule_preview.png'>" +
                        "<cite><center><ls_span>Schule</span></center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-studium_preview.png'>" +
                        "<cite><center>Studium</center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-berufseinstieg_preview.png'>" +
                        "<cite><center>Beruf</center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-familie_preview.png'>" +
                        "<cite><center>Familie</center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-immobilie_preview.png'>" +
                        "<cite><center>Immobilie</center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-golf_preview.png'>" +
                        "<cite><center>Anlagen</center></cite>" +
                    "</div></li>" +
                    "<li><div class='img-desc'>" +
                        "<img class='lifesection' src='img/max_lebensabschnitt-rente_preview.png'>" +
                        "<cite><center>Rente</center></cite>" +
                    "</div></li>" +
                    "<div style='clear: both;'></div></div>" +
                    "</div>" +
                    "</div>";

#ls_gallery li { list-style-type: none; float: left; margin: 0 3px 3px 0; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; color: gey; }  #ls_gallery img { display: block; }  #ls_gallery_box { padding-left:130px; }  div.lscontentbox{  background: #F7F7F7;     border:1px dotted #ccc;     border-radius: 0 0 6px 6px;     width: 541px;     padding-left:20px;     padding-right:20px;     }  .img-desc {     position: relative;     display: block; } .img-desc cite {     background: #111;     filter:alpha(opacity=45);     opacity:.45;     padding:2px;     color: #fff;     position: absolute;     bottom: 0;     left: 0;     width: 66px;     border-radius: 0 0 8px 8px;     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;     font-size:12px;     font-weight:600; }  .img-desc cite span {     opacity:1;     filter:alpha(opacity=100);     color: #fff;}

 

[mermshaus]

Habe bislang keine Möglichkeit gefunden. Höchstens sowas (nur im Firefox getestet):

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

            td { border: 1px solid #ccc; width: 200px; }
            .test div { height: 40px; overflow: auto; }

        </style>
    </head>

    <body>

        <table>
            <tr class="test">
                <td><div>eins<br>zwei<br>drei<br>vier<br>fünf</div></td>
                <td><div>eins<br>zwei<br>drei<br>vier<br>fünf</div></td>
                <td><div>eins<br>zwei<br>drei<br>vier<br>fünf</div></td>
            </tr>
            <tr>
                <td>test<br>test<br>test<br>test<br>test</td>
                <td>test<br>test<br>test<br>test<br>test</td>
                <td>test<br>test<br>test<br>test<br>test</td>
            </tr>
        </table>

    </body>

</html>

Wäre vielleicht ein Gedanke, von Tabellen Abstand zu nehmen.

 

[Binary]

Tausend Dank!
Läuft jetzt endlich!

 

[Elroy]

Hallo.

Das hat jetzt zwar nichts mit dem Problem zu tun, aber du weisst schon wofür <cite> da ist oder?

Gruss
Elroy