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