Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tabellengröße festlegen

robotto7831a
in Webdesign

Empfohlene Antworten

Veröffentlicht

Hallo zusammen,

sagt mir doch mal schnell eben wie ich einer Tabelle sagen, dass Sie x Pixel breit und hoch ist und wenn der Text länger ist soll in der Tabelle ein Scrollbalken kommen. Die Tabelle soll nicht größer werden.

Ich steh gerade mächtig auf dem Schlauch.

Ist eine Kundenvorgabe!

Frank

Also die Höhe und Breite der Tabelle lässt sich mit width und height festlegen. Für einen Scrollbalken sollte die Eigenschaft overflow:scroll sorgen.

Ob das mit dem Scrollbalken auch bei Tabellen geht, weiß ich nicht 100%ig. Wenn nicht sollte es aber helfen, die Tabelle in ein DIV zu packen und diesem die Größenangaben und overflow mitzugeben.

tine

Zusätzlich noch die Eigenschaft: table-layout:fixed

width und height dürften klar sein.

Was genau soll gescrollt werden? Nur einzelne Columns, oder die gesamte Tabelle?

  • Autor

Irgendwie klappt das nicht.



<html>

<body>


<div width="15px" height="10px">


<table border="1" style="table-layout:fixed">

<tr>

	<td style="overflow:scroll">

	jasdföfksdf

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	asdfkasdfjk

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	<br><br>

	sdafsdkasdfklöasdfj

	</td>

</tr>

</table>


</div>


</body>

</html>

[/code]

Frank

Hm, ich glaub Du hast (X)HTML und CSS grundlegend nicht verstanden. So funktioniert's:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>

    <title>2736</title>

    <style type="text/css">

    div {

      width: 150px;

      height: 100px;

      overflow: scroll;

      border: 1px solid;

    }

    </style>

  </head>

  <body>

    <div>

    	jasdföfksdf

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	asdfkasdfjk

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	<br><br>

    	sdafsdkasdfklöasdfj

    </div>

  </body>

</html>

Grüße, Tobias

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.