-
Schatten um Wrapper
Hallo Leute, ich möchte eine HP bauen die um den Wrapper einen Schatten rechts und unten hat.
Leider weiß ich nicht, wie ich das machen kann bzw. wie die Grafik aufgebaut sein sollte.
Hier ein link von einer HP, die soeinen Schatten hat. http://www.monasteriafinanz.de
Eigentlich ist es ja nicht schwer rechts und unten einen Schatten zu bauen. Aber die Ecke rechts unten macht mir sorgen.
Ich möchte eine schön abgerundete Ecke (beim Schatten abgerundet) haben.
Bei diesem Beispiel, welches ich oben verlinkt habe, ist die Ecke auch nicht schön.
Könnte mir da mal jemand helfen bitte?
LG, m-werk
-
Auf der Seite ist das als Background-Image realisiert.
Das Bild besteht nur aus dem Rahmen, den Inhalt kannst dann über ein Padding/Margin nach innen schieben, damit es den Rahmen nicht überlappt.
Um das unten rechts abzurunden, würde ich den Footer mit einem BG-Image hinterlegen, welches die Rundung enthält, den Header ebenso, und den Main-Part nur links/rechts (wie man es eben gerne hätte) mit einem Schatten ausrüsten.
Allerdings hab ich nie mit solchen Schatten gearbeitet, vllt kennt ja jemand, der das schon gemacht hat, bessere Möglichkeiten.
-
Naja, ich hab mir das so überlegt:
Da der Innhalt 900px breit sein sollte und der Schatten ca. 10px hat, würde ich für den Header eine Grafik mit 910px mal Xpx (so 10px) machen.
Dann eine Grafik mit 910px mal 1px für den Container und eine 910px mal 10px für den Footer.
Bzw würde ich für den Header und Footer die höhe so anpassen, wie ich diese eben auch benötige und als hintergrund würd ich transparent wählen, so dass man nur den Schatten sieht.
-
für welche Browsergeneration soll die seite sein ?
auch für alte browser...wenn nicht, dann schau dir mal das hier an
da brauchste keine grafiken usw.. allein css
gruss
Olli
-