Jonas Tampier: Relative Positionierung ohne verschwendeten Platz

Beitrag lesen

Hallo,
Wie kann ich einen Block relativ über einem anderen platzieren ohne, dass dieser Platz auf der Seite beansprucht?

Folgender Code beschreibt mein Problem ziemlich gut:

<html>
<head>
<style type="text/css">
.oben
{
 width: 150px;
 position: relative;
 top: 120px;
 left: 120px;
 z-index: 10;
 display: block;
 border: solid black 1px;
 background-color: red;
 color: black;
}
.unten
{
 border: 1px solid  black;
 background-color: green;
 z-index: 1;
}
</style>
<body>
<p>Ein Absatz vorweg um den verschwendeten Platz sichtbar zu machen.</p>
<div class="oben">Dies soll relativ zu dem nachfolgenden Block platziert werden.</div>
<table class="unten">
 <tr>
  <td>Der Absatz über dem das DIV liegen soll.<br>bla bla blub<br>bla bla blub<br>bla bla blub<br>bla bla blub<br>bla bla blub</td>
 </tr>
</table>
<p>eventuell mehr Kram, der dann keine weitere Rolle spielt</p>
</body>
</html>

Danke im Voraus
Jonas Tampier