nicht angemeldet
Gernot BackHallo Daniel,
falls du meinst das überlangewörter
drüber hinausgeschrieben werden oder versteckt(je nach overflow
einstellung) das problem hab ich auch. deshalb habe ich nun zusätzlich
noch die automatische wörtertrennung dabei. werde aber wohl da ich denke
das die performancemäsig besser ist ein prüfung vor der speicherung in
die DB machen und eine entsprechende fehlermeldung ausgeben.
ich habe dir mal was gebastelt, was dich vielleicht inspiriert. Manches ist mit Rücksicht auf unterschiedliche Browser doppelt-gemoppelt. Schau halt mal, was du davon gebrauchen kannst. Worauf es aber nach meinem Dafürhalten vor allem ankommt, ist den Browsern so viele im Konflikt stehende Angaben wie möglich zu ersparen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tabelle in Spaltenbreitenverhältnis 1:2 mit overflow:auto-Zelle</title>
<style type="text/css">
[code lang=css]
table {
border-collapse:collapse;
table-layout:fixed;
width:24em;
}
thead, tbody, tr {
width:inherit;
}
thead th {
font-weight:bold;
border:solid 1px black;
width:100%;
}
tbody th, tbody td {
border:solid 1px black;
text-align:left;
font-weight:normal;
vertical-align:top;
}
.einf {
width:8em;
}
.dopp {
width:16em;
}
td.dopp div {
position:relative;
width:16em;
height:2.25em;
}
td.dopp div div{
position:absolute;
top:0;
width:16em;
overflow:auto;
}
</style>
</head>
<body>
<table>
<colgroup>
<col class="einf" width="33%">
<col class="dopp" width="67%">
</colgroup>
<thead>
<th colspan="2">News</th>
</thead>
<tbody>
<tr>
<th class="einf">Überschrift: </th>
<th class="dopp">text</th>
</tr>
<tr>
<th class="einf">Nachricht: </th>
<td class="dopp">
<div>
<div>
Do­nau­dampf­schiff­fahrts­ka­pi­täns­müt­zen­ver­leih
</div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
[/code]
Gruß Gernot
MudGuard