Inhalte gehen übern Rand

[pl]

Das mit dem display:none ist'n Witz, oder? Da das Element angezeigt wird, muss zumindest dieser Wert irgendwo noch überschrieben werden.

Richtig! Angezeigt wirds erst, wenn eine Datei angeklickt wird ansonsten ist das ja nicht notwendig. Außer dem File-Panel gibts noch ein Dir-Panel mit dem gleichen Problem. Hier das ganze Form:

<form id="fileprops" onmousedown="dragStart(this);" style="cursor:move;display:none;width:60%;padding:0.5em;border-style:solid;background:silver;border-width:0.1em;position:fixed;top:50%;right:1em;">
    <fieldset><legend><strong>Datei: <code id="fileentity"></code> <a id="filedir">Verzeichnis</a>  </strong></legend>
        <input type="hidden" name="infile" id="infile" />
        <input type="hidden" name="curdir" id="curdir" />

        <table class="grid" style="width:100%">
            <tr>
                <th style="text-align:left">Größe /bytes</th>
                <th style="text-align:left">Zuletzt geändert</th>
                <th style="text-align:left">Content-Type</th>
            </tr>
            <tr>
                <td id="filesize"></td>
                <td id="filemtime"></td>
                <td id="filemtype"></td>
            </tr>
        <table>

        <fieldset><legend><strong>Dateiberechtigungen:</strong></legend>

            <table class="grid" style="width:100%">
                <tr>
                    <th>Owner</th>
                    <th>Group</th>
                    <th>Other</th>
                </tr>
                <tr>
                    <td><input name="owner" value="4" type="checkbox" id="owner_read"> Lesen</td>
                    <td><input name="group" value="4" type="checkbox" id="group_read"> Lesen</td>
                    <td><input name="other" value="4" type="checkbox" id="other_read"> Lesen</td>
                </tr>
                <tr>
                    <td><input name="owner" value="2" type="checkbox" id="owner_write"> Schreiben</td>
                    <td><input name="group" value="2" type="checkbox" id="group_write"> Schreiben</td>
                    <td><input name="other" value="2" type="checkbox" id="other_write"> Schreiben</td>
                </tr>
                <tr>
                    <td><input name="owner" value="1" type="checkbox" id="owner_execute"> Ausführen</td>
                    <td><input name="group" value="1" type="checkbox" id="group_execute"> Ausführen</td>
                    <td><input name="other" value="1" type="checkbox" id="other_execute"> Ausführen</td>
                </tr>
                
                <tr>
                    <td colspan="3" style="text-align:center">
                        <button onclick="fileapply(1)" type="button" style="width:25%;padding:0.2em">Chmod File</button>
                        <button onclick="speichernunter()" type="button" style="width:25%;padding:0.2em">Save As ...</button>
                        <button onclick="deletefile(1)" type="button" style="width:25%;padding:0.2em;color:red">Datei Löschen</button>
                    </td>
                </tr>
            </table>

        </fieldset>



        <button style="width:100%;padding:0.2em" type="button" onclick="$('#fileprops').css('display','none')">Panel Schließen</button>
    </fieldset>
</form>

word-wrap ist wirkungslos, weil Verzeichnis/Dateinamen keine Leerzeichen haben.