nicht angemeldet
Scrollen innerhalb einer Tabelle
0
Scrollen innerhalb einer Tabelle
Gunnar BittersmannHAllo zusammen.
Ich hoffe Ihr könnt mir helfen. Und das am Besten noch so, dass ich es verstehe (bin alles andere als ein Profi in dem Bereich).
Es geht um Folgendes:
Ich habe eine einfache Frameseite erstellt. In dem mittleren Frame habe ich eine Tabelle eingefügt, die immer für alle Einstellungen die gleiche Größe haben soll (daher habe ích 90% eingegeben). Dieser Tabelle habe ich außerdem einen Rahmen verpasst, damit man sie immer sehen kann. Der Inhalt in dieser Tabelle ist ebenfalls in einer anderen Tabelle aufgeführt, damit ich zum Rand hin immer den gleichen Abstand habe. Wenn der Text aber nun länger wird, als die Tabelle hoch ist, wird die Tabelle auch größer. Das soll sie aber nicht. Ich möchte innerhalb der Tabelle scrollen können, damit der Rahmen von der äußeren Tabelle immer in der gleichen Größe sichtbar bleibt.
Hmm... das ist wohl kaum verständlich, was?!?!
Hier mal die Tabelle wie ich sie haben möchte:
<body>
<div align="center"> <center>
<table border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#808080" width="90%" id="AutoNumber1" height="90%" background="Bilder/logo-struktur.gif"> <tr> <td width="100%"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="92%" id="AutoNumber2" height="94%"> <tr> <td width="100%" height="48" bordercolordark="#009966" bordercolorlight="#009966"> <p class="MsoNormal" style="text-align:center"> <span style="font-family: Arial; font-weight: 700">Überschrift</span><br> </p> </td> </tr> <tr> <td width="100%" height="328"> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Diese Größe soll die Tabelle haben. Eben immer in Höhe und Breite 90 % des Framefensters. Abgegrenzt wird das Ganze von dem grauen Rahmen.</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Texte die länger sind, sollen INNERHALB dieser zweiten Tabelle, in der ich auch gerade schreibe, bzw. in dieser Zelle gescrollt werden (damit das so in etwa den Effekt von einem Fernseher hat, in dem der Abspann nur innerhalb des Fernsehers runtergeht, der Fernseher selber soll aber die Größe behalten) . Wie geht das?</span></font></td> </tr> </table> </center> </div> </td> </tr> </table>
</center> </div>
</body>
Und so sieht sie dann aber mit dem längeren Text aus:
<body>
<div align="center"> <center>
<table border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#808080" width="90%" id="AutoNumber1" height="90%" background="Bilder/logo-struktur.gif"> <tr> <td width="100%"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="92%" id="AutoNumber2" height="94%"> <tr> <td width="100%" height="48" bordercolordark="#009966" bordercolorlight="#009966"> <p class="MsoNormal" style="text-align:center"> <span style="font-family: Arial; font-weight: 700">Überschrift</span><br> </p> </td> </tr> <tr> <td width="100%" height="328"> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Wenn ich nämlich ganz viel Text schreibe, dann wird die äußere Tabelle auch größer. Und das soll sie ja nicht...</span></font></p> <p class="MsoNormal" style="text-align: center"><font size="2"> <span style="font-family: Arial">Was muss ich tun?</span></font></p> <p class="MsoNormal" style="text-align: center"> </td> </tr> </table> </center> </div> </td> </tr> </table>
</center> </div>
</body>
Versteht ihr was ich meine?
Könnt ihr mir helfen?
Ich würde mich sehr über ANtworten freuen.
Danke schon mal und viele Grüße
Jan
-
Ähm... also du machst wohl wirklich noch nicht so viel in der Richtung :-)
Also erst mal fängst du das, was du vor hast, falsch an. Wenn ich das richtig sehe, dann willst du einfach nen Kasten haben, in dem nen längerer Text stehen kann, der Kasten jedoch ne Feste Höhe hat.
Dafür würde ich keine Tabelle verwenden, denn Tabellen sind egtl zur Gegenüberstellung von Daten gedacht.
Ich würde einfach das alles in nen <div> container hauen, und dann mit css formatieren. Also so:<div style="max-height:400px;width:90%;border: 1px solid #000;overflow:auto;">
---so viel text du willst---
</div>Weiß net, ob des so am geschicktesten ist, ich finds so in Ordnung, wobei die Frage, ob man das wirklich so machen sollte, ne andere ist.
Gruß, C.S.-
Ja, hab grad übersehen, dass du da noch nen Abstand ham willst:
<div style="max-height:400px;width:90%;border: 1px solid #000;overflow:auto;">
<p style="padding:10px 10px 0 10px">---so viel text du willst---</p>
</div>also für die Werte bei Padding einsetzen, was du brauchst (<a href="http://de.selfhtml.org/css/eigenschaften/innenabstand.htm">mehr zu Padding</a> ;-)
-
Hello out there!
Ich würde einfach das alles in nen <div> container hauen, und dann mit css formatieren. Also so:
<div style="max-height:400px;width:90%;border: 1px solid #000;overflow:auto;">
Nein, so nicht!
Der Hinweis auf CSS ist ziemlich wertlos, wenn du CSS-Angaben in 'style'-Attribute pferchst; dann kannste gleich missbilligte HTML-Attributen verwenden.
Die Angaben gehören ins zentrale Stylesheet.
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)-
Der Hinweis auf CSS ist ziemlich wertlos, wenn du CSS-Angaben in 'style'-Attribute pferchst; dann kannste gleich missbilligte HTML-Attributen verwenden.
Hm, hast Recht, des hab ich verplant...
Gruß, C.S.
-
-