01.06.2006, 18:32
Hi,
sollte passen, geht zumindest im IE6, FF und Opera...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body, html {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 0px;
}
.tbg {
background-color: #990000;
}
.tc {
background-color: #ffffff;
}
</style>
</head>
<body>
<table cellspacing="1" cellpadding="0" border="0" class="tbg" width="600" height="100%">
<tr>
<td valign="top" class="tc" width="150">
<div style="height: 100px; border-bottom: 1px solid #000000;">100px</div>
<div style="height: 200px; border-bottom: 1px solid #000000;">200px</div>
<div>dynamischer rest</div>
</td>
<td valign="top" class="tc" width="300" style="padding: 4px;">
Sed massa dolor, tincidunt eu, condimentum ac, condimentum a, libero. Nulla facilisi. Quisque tincidunt leo eu purus. Morbi vestibulum. Aenean ultricies. Morbi nonummy dui nec eros. Duis rhoncus, nulla vitae pretium posuere, felis arcu euismod leo, at iaculis magna libero cursus velit. Sed massa orci, fringilla eu, hendrerit quis, pretium eget, nulla. Aliquam at dolor in ipsum mattis elementum. Nulla facilisi. Sed ac ipsum vitae sapien tempor vulputate. Aliquam erat volutpat. In massa. Vivamus eros sem, faucibus eget, mollis ac, consectetuer eu, dui. Morbi augue pede, faucibus in, facilisis in, dignissim id, neque. Proin congue neque quis mauris. Nulla congue tellus vel elit. Quisque consequat, metus eget pretium tincidunt, nulla velit hendrerit justo, eu congue risus nisl at felis. Sed nonummy dui eu velit.
<br><br>
Vivamus dolor. Fusce vitae est eget tellus tincidunt viverra. Suspendisse lobortis. Donec rhoncus, nunc quis eleifend congue, ante nulla varius velit, sit amet vehicula erat augue sollicitudin lectus. Ut venenatis pharetra felis. Curabitur sit amet nunc. Suspendisse quis dui eget magna viverra vehicula. Maecenas placerat pellentesque eros. Suspendisse potenti. Proin nibh.
<br><br>
Phasellus libero. In mauris velit, luctus a, dictum posuere, placerat ac, nibh. Suspendisse elit magna, porta sit amet, ullamcorper vitae, venenatis in, turpis. Nulla pulvinar quam ut ante vulputate tincidunt. Nullam faucibus neque a purus. In hac habitasse platea dictumst. Maecenas ac nisi. Phasellus tempus venenatis dolor. Vestibulum nec nisi nec ipsum mollis pretium. Nulla velit. Praesent quam risus, hendrerit ut, euismod ut, feugiat sit amet, lacus. Aliquam lorem ligula, porttitor quis, fringilla vel, porttitor ut, libero. Nullam hendrerit neque eu metus. Nunc vitae tortor sit amet diam dictum accumsan.
<br><br>
Donec in mauris vitae odio placerat pellentesque. Phasellus eget arcu. In dui. Nullam laoreet, elit facilisis ultrices porta, sem ligula consequat nulla, id aliquet sem eros sit amet nisi. Quisque sagittis purus id nisl. Curabitur sit amet ante. Ut auctor, nibh in tristique fermentum, sapien enim ultrices lectus, non convallis pede nibh non nisi. Quisque mollis. Suspendisse potenti. Pellentesque libero lorem, lacinia vel, facilisis iaculis, iaculis in, nisl.
<br><br>
Maecenas sit amet felis. Nam vestibulum tellus eu nibh. Aliquam orci. Sed odio libero, varius in, malesuada sed, fermentum sed, nisi. In dolor orci, hendrerit a, tincidunt sit amet, aliquet in, justo. Quisque vitae dolor nec quam pulvinar tincidunt. Praesent volutpat velit at nulla. Phasellus diam magna, sollicitudin nec, accumsan et, pellentesque a, quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas tincidunt purus. Sed ante. Fusce at massa. Suspendisse potenti. Aenean non quam vel turpis pulvinar vestibulum. Aliquam eget erat malesuada neque pulvinar vestibulum. Cras iaculis justo id arcu. Vestibulum turpis.
</td>
<td valign="top" class="tc" width="150" height="100%">
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<tr>
<td height="200" valign="top" style="border-bottom: 1px solid #000000;">200px</td>
</tr>
<tr>
<td height="100%" valign="top" style="border-bottom: 1px solid #000000;">dynamisch</td>
</tr>
<tr>
<td height="100" valign="top">100</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>[/HTML]
Viel anders wird das nicht gehen wenn das Layout so "Pflicht" ist.
Cu Helmut
sollte passen, geht zumindest im IE6, FF und Opera...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body, html {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 0px;
}
.tbg {
background-color: #990000;
}
.tc {
background-color: #ffffff;
}
</style>
</head>
<body>
<table cellspacing="1" cellpadding="0" border="0" class="tbg" width="600" height="100%">
<tr>
<td valign="top" class="tc" width="150">
<div style="height: 100px; border-bottom: 1px solid #000000;">100px</div>
<div style="height: 200px; border-bottom: 1px solid #000000;">200px</div>
<div>dynamischer rest</div>
</td>
<td valign="top" class="tc" width="300" style="padding: 4px;">
Sed massa dolor, tincidunt eu, condimentum ac, condimentum a, libero. Nulla facilisi. Quisque tincidunt leo eu purus. Morbi vestibulum. Aenean ultricies. Morbi nonummy dui nec eros. Duis rhoncus, nulla vitae pretium posuere, felis arcu euismod leo, at iaculis magna libero cursus velit. Sed massa orci, fringilla eu, hendrerit quis, pretium eget, nulla. Aliquam at dolor in ipsum mattis elementum. Nulla facilisi. Sed ac ipsum vitae sapien tempor vulputate. Aliquam erat volutpat. In massa. Vivamus eros sem, faucibus eget, mollis ac, consectetuer eu, dui. Morbi augue pede, faucibus in, facilisis in, dignissim id, neque. Proin congue neque quis mauris. Nulla congue tellus vel elit. Quisque consequat, metus eget pretium tincidunt, nulla velit hendrerit justo, eu congue risus nisl at felis. Sed nonummy dui eu velit.
<br><br>
Vivamus dolor. Fusce vitae est eget tellus tincidunt viverra. Suspendisse lobortis. Donec rhoncus, nunc quis eleifend congue, ante nulla varius velit, sit amet vehicula erat augue sollicitudin lectus. Ut venenatis pharetra felis. Curabitur sit amet nunc. Suspendisse quis dui eget magna viverra vehicula. Maecenas placerat pellentesque eros. Suspendisse potenti. Proin nibh.
<br><br>
Phasellus libero. In mauris velit, luctus a, dictum posuere, placerat ac, nibh. Suspendisse elit magna, porta sit amet, ullamcorper vitae, venenatis in, turpis. Nulla pulvinar quam ut ante vulputate tincidunt. Nullam faucibus neque a purus. In hac habitasse platea dictumst. Maecenas ac nisi. Phasellus tempus venenatis dolor. Vestibulum nec nisi nec ipsum mollis pretium. Nulla velit. Praesent quam risus, hendrerit ut, euismod ut, feugiat sit amet, lacus. Aliquam lorem ligula, porttitor quis, fringilla vel, porttitor ut, libero. Nullam hendrerit neque eu metus. Nunc vitae tortor sit amet diam dictum accumsan.
<br><br>
Donec in mauris vitae odio placerat pellentesque. Phasellus eget arcu. In dui. Nullam laoreet, elit facilisis ultrices porta, sem ligula consequat nulla, id aliquet sem eros sit amet nisi. Quisque sagittis purus id nisl. Curabitur sit amet ante. Ut auctor, nibh in tristique fermentum, sapien enim ultrices lectus, non convallis pede nibh non nisi. Quisque mollis. Suspendisse potenti. Pellentesque libero lorem, lacinia vel, facilisis iaculis, iaculis in, nisl.
<br><br>
Maecenas sit amet felis. Nam vestibulum tellus eu nibh. Aliquam orci. Sed odio libero, varius in, malesuada sed, fermentum sed, nisi. In dolor orci, hendrerit a, tincidunt sit amet, aliquet in, justo. Quisque vitae dolor nec quam pulvinar tincidunt. Praesent volutpat velit at nulla. Phasellus diam magna, sollicitudin nec, accumsan et, pellentesque a, quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas tincidunt purus. Sed ante. Fusce at massa. Suspendisse potenti. Aenean non quam vel turpis pulvinar vestibulum. Aliquam eget erat malesuada neque pulvinar vestibulum. Cras iaculis justo id arcu. Vestibulum turpis.
</td>
<td valign="top" class="tc" width="150" height="100%">
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<tr>
<td height="200" valign="top" style="border-bottom: 1px solid #000000;">200px</td>
</tr>
<tr>
<td height="100%" valign="top" style="border-bottom: 1px solid #000000;">dynamisch</td>
</tr>
<tr>
<td height="100" valign="top">100</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>[/HTML]
Viel anders wird das nicht gehen wenn das Layout so "Pflicht" ist.
Cu Helmut
![[-]](https://forum.juergens-workshops.de/images/collapse.png)