Hallo !
Schaut euch bitte den Code in Firefox oder Netscape mal an:
(Der IE ist für mich erst mal uninteressant. )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN">
<html>
<body>
<table width="600" cellpadding="2" cellspacing="0" bordeR="1">
<tr bgcolor="yellow">
<td width="65" nowrap="nowrap"><div style="min-width:65px;height: 20px;">no.</div></td>
<td width="200" nowrap="nowrap"><div style="width:195px;height: 20px;">a</div></td>
<td width="100" nowrap="nowrap"><div style="width:95px;height: 20px;">b</div></td>
<td width="130" nowrap="nowrap"><div style="width:125px;height: 20px;">c</div></td>
<td width="70" nowrap="nowrap"><div style="width:65px;height: 20px;">d</div></td>
</tr>
</table>
<table width="600" cellpadding="2" cellspacing="0" bordeR="1">
<tr bgcolor="white">
<td width="65"><div style="width: 65px;min-width:65px;">1</div></td>
<td width="200"><div style="width:200px; max-width:200px;z-index:0;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div></td>
<td width="100"><div style="width:100px; max-width:100px;z-index:1;">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div></td>
<td width="130"><div style="width:130px; max-width:130px;z-index:2;">ccccccccccccccccccccccccccccccccccccccccccc</div></td>
<td width="70"><div style="width:70px; max-width:70px;z-index:3;">ddddddddddddddddddddddddddddddddddddddddddddddddddddd</div></td>
</tr>
</table>
</body>
</html>
Wie ihr seht werden die tabelleninhalte (bei langen Texten) in die nachbarzelle geschrieben. Kennt jemand einen Trick um das zu verhindern?
Mein Ziel: der zelleninhalt soll genau da abgeschnitten werden wo die zelle aufhört. Wie ihr unschwer erkennen könnt, habe ich schon divs eingesetzt mit z-index aber es nützt nichts. Mir gehen die Ideen aus.
Vielen Dank für jeden Tipp!
liebe grüsse
Rondra