Tabelle überschreitet DIV

html.de-Forum HTML, XHTML & CSS
1

HI,

ich habe ein DIV mit folgenden Settings:

#Filterbox { width: 60%; margin-left:auto; margin-right:auto; border-width:1px; border-style:solid; border-color:gray; background-Color:white; padding:10px 10px 10px 10px; }
In diesem DIV ist eine Tabelle (ja es ist nicht state of the art).

[code=html]

Previous Comments

Step Name Performer Date Comments
[/code] Wenn der Inhalt einer Spalte zu gross ist, dann geht die Tabelle über mein DIV Element. Hast jemand einen Tipp wie ich es erzwingen kann, dass die Tabelle nicht über das DIV hinausgeht?

LG,

Lara

2

Weil es sich um eine Zeichenkette handelt, die keine Leerzeichen enthält, die Zeilenumbrüche ermöglichen würden.

https://jsfiddle.net/SpiceLab/xs7fjw1h/ -siehe die Spalte für Comments-

[ul]
[li] https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/text-overflow [/li]
[li] https://www.mediaevent.de/css/visualeffects-overflow.html [/li][/ul]
Übrigens fehlt offensichtlich in Deinem gezeigten HTML-Code ein schliessendes zwischen und .

3

Ich würde das die Tabelle positionieren!

top:???px;
4

Wozu? Was versprichst Du Dir davon?

Positionsangaben, sei es absolute, relative, oder fixed, lösen nicht das angesprochene Problem: https://jsfiddle.net/SpiceLab/xs7fjw1h/