Hallo zusammen,

ich versuche, eine Vorlage mittels einem CMS und CSS umzusetzen.

Dabei soll um den Content-Bereich (unterhalb von "Home") herum ein Schlagschatten gelegt werden. Das würde ich oben, rechts und unten schon hinbekommen... Aber links vom Content-Bereich ist das Menü, das einen gebräuchlichen hover-Effekt (background-color) haben soll und trotzdem vom Schlagschatten überlagert wird.

Kann man das überhaupt lösen? Und wenn ja, wie würdet ihr vorgehen? Ist das mittels CSS machbar?

Bin für jeden Tipp dankbar.

Bevor jemand frägt: das Design hat sich ein Freund ausgedacht, der v.a. Printmedien gestaltet und von CSS überhaupt keine Ahnung hat - dafür aber um so mehr von Photoshop u. ä.

Grüße
Daniel

Angehängte Grafiken

problem.png (172,9 KB, 10x aufgerufen)

Du kannst es doch mit box-shadow versuchen? Spart ein paar Grafiken.
Da das eine CSS3- Eigenschaft ist, unterstützt der IE das nicht so gut.
Für den gibts aber ms-eigene Abhilfe, siehe hier:

CSS3 box-shadow für Internet Explorer 6-8 | Mario Fink

Edit: Der Content müßte im HTML-Quelltext grundsätzlich nach der Navi stehen, damit der Schatten auch darauf geworfen wird. Alternativ positionieren ( :relative genügt) und mit z-index arbeiten.

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

vielen dank!

okay, bevor ich das anwenden kann, muss ich mal genau nachlesen, was es mit den von dir genannten begriffen alles auf sich hat. dazu sind meine kenntnisse zu unpräzise

EDIT: im FF klappts wirklich hervorragend - vielen Dank.

__________________
__________________________________________________ _______________
mein Blog - hat nix mit dem oben beschriebenen Problem zu tun: issmehrsalat.de