Relative Positionierung
Oliver Stockmann
- css
Hallo,
ich habe in einer Tabellenzelle ein Bild und möchte darüber ein anderes Bild legen.
Das hab ich per CSS mit relativer Positioniereung hinbekommen.
Nur verändert sich die Höhe der Zeile, in welcher ich die Positionierung angebe, abhängig von den Werten bottom und left.
Kann jemand helfen?
Grüße,
Oliver
Hallo Oliver!
Erst mal finde ich es schön, dass Du mit der Siemens Mailadresse postest :-)!
Hast du ein Stück Quelltext? Da kann man das dann besser nachvollziehen.
Viele Grüße
Harald Legler
Hallo Harald,
was ist so schön an der Adresse?
Na, ich hab jedenfalls eine Beispieldatei eingefügt:
<html>
<head>
</head>
<body bgcolor=#0000f0>
<div align=center>
<a name="Soldier"></a>
<br>
<table width=75% cellpadding=0 cellspacing=0 border=2>
<tr>
<td colspan=2>Soldier</td>
<td><img width=70 height=90 src="../grafiken/bilder/soldier.jpg" alt="Soldier"><div style="position:relative; bottom:50px; left:15px"><span class="hinweis2">Fake</span></div>
</td>
</tr>
<tr>
<td class="text" style="width:40%">Aufgaben</td>
<td class="text" style="width:60%" colspan=2>Leader / Webmaster</td>
</tr>
</table>
<br>
<a href="#Top"><img src="../grafiken/allgemein/totop.gif" alt="Top"></a>
<br>
<a name="Soldier"></a>
<br>
<table width=75% cellpadding=0 cellspacing=0 border=2>
<tr>
<td colspan=2>Soldier</td>
<td><img width=70 height=90 src="../grafiken/bilder/soldier.jpg" alt="Soldier"></td>
</tr>
<tr>
<td class="text" style="width:40%">Aufgaben</td>
<td class="text" style="width:60%" colspan=2>Leader / Webmaster</td>
</tr>
</table>
<br>
<a href="#Top"><img src="../grafiken/allgemein/totop.gif" alt="Top"></a>
</div>
</body>
</html>
Wenn du sie dir ansiehst, erkennst du in der oberen Tabelle eine Leerzeile unter dem Bild, dort habe ich die relative Positionierung angegeben (im unteren Beispiel nicht). Kann man das verhindern?
Grüße,
Oliver
Hallo Oliver!
Die Adresse ist deshalb aufgefallen, da Stefan und ich einmal über Siemens sprachen, der Meinung waren dass einige Siemens-Leute hier posten, aber nicht unter Siemens-Mail.
Habe alles was ich weiß (nicht viel ;-) ) mal probiert.
Komme zu folgendem Schluss: das relativ positionierte Div benötigt einen Platz (den der Zeilenhöhe bei Text). Wenn du den Text jetzt mit Top oder bottom verschiebst, ist trotzdem diese Lücke da. Ich würde das ganze absolut positionieren, Dann ist die Lücke weg.
Viele Grüße
Harald Legler
(auch Siemens)
Aja, aus Erlangen bist du,
ich würde das ja mit absoluter Positionierung machen aber von diesen Tabellen habe ich ne Menge und so ist die Seite scrollbar.
Dann funktioniert absolute Positionierung nicht, soweit ich weiss.
Trotzdem Danke und Grüße zu A&D,
Oliver