nicht angemeldet
Hi Leute,
habe ein richtig schönes Problem mit Firefox in Verbindung mit integrierten Div-Boxen in einer Tabelle. Im Internet Explorer funktioniert es einwandfrei. Ich möchte gerne, dass sich die Div-Boxen (mit Scrollbar) bei der Veränderung der Fenstergröße entsprechend zusammenschieben, ohne das sich die Tabelle beim Firefox über das Fenster hinausgeschoben wird! Für eine gute Lösung wäre ich euch sehr dankbar :))
Beispiel-Code:
---------------------------
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
<head>
<title></title>
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<style type="text/css">
<!--
body
{
font:normal 11px Tahoma,Arial;
color:#000; background-color:#fff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow-x:hidden;
overflow-y:hidden;
}
table
{
border-collapse:collapse;
backgrounrd-color:#fff;
border:0px;
padding:0px 0px 0px 0px;
}
td
{
font:normal 11px Tahoma,Arial;
color:#000;
backgrounrd-color:#fff;
vertical-align:top;
white-space:nowrap;
padding:0px 0px 0px 0px;
}
div.box
{
height: 100%;
width: 100%;
overflow-y: scroll;
background-color: #bbb;
}
//-->
</style>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td width="100%" height="50%">
<div class="box">
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
</div>
</td>
</tr>
<tr>
<td width="100%" height="50%">
<div class="box">
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
</div>
</td>
</tr>
</table>
</body>
</html>
---------------------------
Vielen Dank
Bredog
MudGuard