Logo "schweben" lassen

[kubjo]

Hi Leute,
ich möchte ein Layout verwirklichen, in dem das Logo auf der rechten Seite, ca. 150px von oben und 50px vom rechten Rand entfernt über dem Inhalt (Navigationsleiste) schwebt. Das Logo soll, zur besseren Abgrenzung zum darunter liegenden Inhalt einen kleinen Schatten werfen.
So eine Sache habe ich bis jetzt noch nie gemacht, wollte mich aber mal ran waagen. Wie würde ihr das angehen und wo muß ich mit Problemen rechnen? Ich denke es wird schwierig auf sehr großen Monitoren, weil es dann vielleicht viel zu weit rechts "schwebt", und bei kleinen Monitoren, weil es dann dort die horizontale Navigation überdeckt, auf deren Höhe es sich eigentlich befinden sollte.

Ich hoffe, mich einigermaßen verständlich ausgedrückt zu haben!

Grüße
Jochen

[derRenner]

Hallo,

gibt es das Projekt bereits online? link?
Das würde etwas mit den Voraussetzungen helfen ... ansonsten würde ich wie folgt, mal ins Blaue geraten, wie folgt vorgehen:

• Logo positionieren mit position:absolute;
• den Schatten darunter mit box-shadow: .... ;
• für die unterschiedlichen Bildschirmgrössen würde ich mit unterschiedlichen Logo-Grössen bzw. width:...; bzw. height:...; arbeiten
• umsetzen der unterschiedlichen Logo-Grössen, je Bildschirmgrösse, würde ich mit media-queries umsetzen

also alles in allem via CSS