Hallo Ihrs,
könnte ihr mir verraten wieso folgender HTML Code nicht so angezeigt wird wie ich es mir vorstelle:
Die mittlere (weiße) Zelle soll den Inhalt repräsentieren und die Äußeren den Rahmen (rot + grün). Allerdings soll der Rahmen IMMER nur 10px breit oder hoch sein und die Contentzelle soll den restlichen Inhalt einnehmen OHNE dass ich ihr eine fixe Höhe oder Breite zuweise.
IE8 + FF + Safari + Opera stellen es wunderbar dar. Nur eben nicht der IE7. Quirksmode ist keine Alternative.
Würde mich über eine Antwort freuen und bedanke mich schonmal im Vorraus.
könnte ihr mir verraten wieso folgender HTML Code nicht so angezeigt wird wie ich es mir vorstelle:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Testprojekt</title>
<style type="text/css">
body{
background-color: #3c7dcd;
}
table{
width:500px;
height:500px;
border-collapse:collapse;
}
.content{
background-color:#fff;
padding:10px;
}
.borderHorizontal{
height:10px;
background-color:red;
}
.borderVertical{
width:10px;
background-color:green;
}
</style>
</head>
<body>
<h1>Testprojekt</h1>
<table>
<tr>
<td rowspan="3" class="borderVertical"></td>
<td class="borderHorizontal"></td>
<td rowspan="3"class="borderVertical"></td>
</tr>
<tr>
<td class="content">content</td>
</tr>
<tr>
<td class="borderHorizontal"></td>
</tr>
</table>
</body>
</html>
IE8 + FF + Safari + Opera stellen es wunderbar dar. Nur eben nicht der IE7. Quirksmode ist keine Alternative.
Würde mich über eine Antwort freuen und bedanke mich schonmal im Vorraus.