Inhalte gehen übern Rand

[Der Martin]

Hallo,

Es ist ein FOrm, hier die Styles:

cursor:move;
display:none;
width:60%;
padding:0.5em;
border-style:solid;
background:silver;
border-width:0.1em;
position:fixed;top:50%;
right:1em

Das mit dem display:none ist'n Witz, oder? Da das Element angezeigt wird, muss zumindest dieser Wert irgendwo noch überschrieben werden. Anyway, wenn ich mir das Bild ansehe, muss da außer dem form-Element noch ein zweiter Container im Spiel sein. Dass der überlange Dateiname oben aus dem Element hinausläuft, ist ja nachvollziehbar - aber die Formularelemente darunter sollten ja wohl innerhalb bleiben. Ergo orientieren die sich in Wirklichkeit an einem anderen Blockelement, dessen Breite durch den langen Dateinamen gedehnt wird.
Für eine bessere Analyse wäre das komplette Markup des fraglichen Ausschnitts nötig, sowie das CSS aller beteiligten Elemente.

Was wäre denn zu ändern, dass lange Dateinamen o.a. Inhalte nicht über den Rand hinausgehen?

Normalerweise ein overflow:hidden - aber dann werden überlange Inhalte am Rand abgeschnitten. Du könntest aber auch den Dateinamen, der ja offenbar sehr lang werden kann, in ein input- oder noch besser ein output-Element fester Breite stecken.

So long,
 Martin