Bin im Augenblick ein wenig aufegschmissen. Wollte mir ein einfaches Layout schreiben welches auf allen Browsern gleich interpretiert wird (wer will das nicht).
Habe jetzt aber gerade bei meinem Favoriten Firefox Probleme bei denen ich ein wenig stutzig werde.
Der HTML Quelltext sieht folgendermassen aus:
------------------------------------------------------------------------------
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>
<body>
<table>
<tr>
<th width=10%>ich</th>
<th width=80%>bin</th>
<th width=10%>du</th>
</tr>
<tr style="height:3%;background-color:black;">
<td>nö</td>
<td>nicht</td>
<td>wahr</td>
</tr>
<tr style="background-color:BDC6DE;">
<td>nö</td>
<td style="padding:20px;vertical-align:middle;text-align:center;">
<div style="overflow:auto;height:95%;width:95%;background-color:white;">
this is content
break content
this is content
break content
it should break every now and then
this is content
break content
this is content
break content
it should break every now and then
</div>
</td>
<td style="background-color:BDC6DE;">wahr</td>
</tr>
<tr style="height:3%;background-color:BDC6DE;">
<td>so</td>
<td>kann</td>
<td>es</td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------------------
Nun habe ich festgestellt, dass im DIV der Scrollbalken rechts nicht erscheint sobald man die Größe auf width:100%;height:100%; einstellt oder weitere Angaben wie padding einstellt.
Desweiteren wird die Größe des DIV Bereichs nicht angepasst bei Größenänderungen des Browsers.
Also Fehler im Quelltext oder meiner Logik oder Bug?