moin,
styletechnisch nicht der hit, aber in der not frisst der teufel bekanntlich fliegen... immernoch besser als ein bild :)
andi
[copy+paste all]:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.contentBox{
border: 1px solid black;
padding: 1px 3px 1px 3px;
margin: 0px 4px;
}
.connectorBoxLeft{
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}
.connectorBoxRight{
border-top: 1px solid black;
border-right: 1px solid black;
}
.singleLine{
border-right: 1px solid black;
}
-->
</style>
</head>
<body>
<div id="outerBox">
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"> </td>
<td width="33%"><div class="contentBox">content 1</div></td>
<td width="33%"> </td>
</tr>
</table>
</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><div class="singleLine"> </div></td>
<td colspan="2"><div> </div></td>
</tr>
<tr>
<td width="15%"><div> </div></td>
<td width="30%"><div class="connectorBoxLeft"> </div></td>
<td width="30%"><div class="connectorBoxRight"> </div></td>
<td width="15%"><div> </div></td>
</tr>
</table>
</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"><div class="contentBox">content 2</div></td>
<td width="33%"><div class="contentBox">content 3</div></td>
<td width="33%"><div class="contentBox">content 4</div></td>
</tr>
</table>
</div>
</div>
</body>
</html>