bild relative zum container positionieren?

[peters]

hallo!

habe ein div, in diesem div ist eine tabelle. ich weiss, die meisten werden jetzt sagen "mach die tabelle auch mit divs" :-) geht aber leider gerade nicht anders :-)

<div id="mein_div">
<table>
...
...
...
</table>
</div>

nun möchte ich ein bild, ausgehend von der linken oberen ecke des divs "mein_div" an die koordinaten 80,50 positionieren. habe schon sowas probiert:

<div id="mein_div">
<div id="bild_div" style="position:relative; left:80px; top:50px">
  <img .... >
</div>

<table>
...
...
...
</table>
</div>

dummerweise verschiebt es mir dann alles komplett nach unten.

javascript möchte ich auch nicht einsetzen. die koordinaten des "mein_div" können auch variieren, sind also nicht fest, ich kann also für "bild_div" nicht mit absoluten koordinaten arbeiten.

wie kann ich also elemente ausgehend vom eltern-container (könnte auch z.b. eine td sein) positionieren ?

vielen dank für eure hilfe, bin schon ganz verzweifelt.

[suit]

wie kann ich also elemente ausgehend vom eltern-container (könnte auch z.b. eine td sein) positionieren ?

indem du dem elternelement einenen position-wert abweichend von static gibts und dem betreffenden element position: absolute (welches relativ verhält)

[peters]

vielen dank, hat mir sehr geholfen!

[Gunnar Bittersmann]

@@peters:

habe ein div, in diesem div ist eine tabelle. ich weiss, die meisten werden jetzt sagen "mach die tabelle auch mit divs" :-)

Nein, das werden hier die wenigsten sagen. Und die werden dann in die Schranken verwiesen. ;-)

Die meisten werden sagen: „Mach es mit <http://de.selfhtml.org/html/text/index.htm@title=semantischem Markup>“.

Und sie werden fragen: Stehn in der Tabelle denn tabellarische Daten?

geht aber leider gerade nicht anders :-)

Geht nicht gibt’s nicht.

nun möchte ich ein bild, ausgehend von der linken oberen ecke des divs "mein_div" an die koordinaten 80,50 positionieren. habe schon sowas probiert:

<div id="mein_div">
<div id="bild_div" style="position:relative; left:80px; top:50px">

Schreibe Stilangaben nicht inline, sondern zentral im Stylesheet!

dummerweise verschiebt es mir dann alles komplett nach unten.

Works as designed.

Lies dir nochmal die Wirkungsweise von relativer und absoluter Positionierung nach. Ich finde die CSS-Spezifikation [CSS2 §9.3.1] hier sogar verständlicher als [SELFHTML].

Live long and prosper,
Gunnar

[peters]

vielen dank, auch dass hat mir sehr geholfen.