nicht angemeldet
Relative Positionierung ohne verschwendeten Platz
0 BTW Carolin
0
Relative Positionierung ohne verschwendeten Platz
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
-
Hello,
nur mal so by the way: gibts da bei Euch auch en Carolin?
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau-
Ja.
Welchen Tom haben wir denn da?
Alesch?-
Hello,
Ja.
Welchen Tom haben wir denn da?
Alesch?Nee, ganz schön lang her...
Ich sag nur "Hühnerstall"Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau
-
-
-
Hello,
ach so ja. Zum Thema wollte ich doch auch was schreiben...
Willst Du über oder unter einem anderen Darstellungsbereich einen zweiten anbringen? Dann wäre "position:absolute" besser geeignet.
Dann wird der Block relativ zur letzten umhüllenden Position positioniert *gg*.
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau