Bild mit CSS ueber allem relativ zu einer div-Box positionieren...?

[sirbender]

Hi,

Ich will ein kleines PNG-Logo relativ zur Position einer div-Box meiner Seite positionieren. Dabei soll die PNG nicht den Fluss von irgendwelchen Elementen in der div-Box oder der Seite beeinflussen. Das PNG soll einfach ueber allem schweben.

Bisher habe ich folgendes. Nur schwebt das PNG nicht uber der div-Box sondern beeinflusst die Position der Dinge in der div-Box.

<div style="float: none; position:relative; top:100px; left:200px;">
			<img alt="beta_logo" src="images/BETA_Logo.png">
</div>

 

[anna55]

Meinst Du so

<div style="position:relative; top:100px; left:200px;">Divinhalt
	<div style="position:absolute; top:1px; left:27px;"><img alt="beta_logo" src="http://forum.jswelt.de/images/BETA_Logo.png"></div>

 

[sirbender]

Meinst Du so

<div style="position:relative; top:100px; left:200px;">Divinhalt
	<div style="position:absolute; top:1px; left:27px;"><img alt="beta_logo" src="http://forum.jswelt.de/images/BETA_Logo.png"></div>

Genauso

Danke Anna - du bist die Beste!

 

[anna55]

Gerne, wenn Du ein wenig mehr basteln willst, kannst Du auch 'z-index' einsetzen
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Edit: z.B. diese nette Spielerei:
Cascading Style Sheets { Zentrieren eines Block-Level-Elements : Beispiel 4b }