Freischneiden für eine Homepage

[Baci]

Hallöchen Leute,

ich steh grad etwas auf dem Schlauch.
Ich will eine Homepage machen und hab mir in Photoshop den Hintergrundverlauf und den Contentbereich gebastelt.
Den Verlauf hab ich 1px x 600px geschnitten und das funktioniert auch schön.

Bloss wie schneide ich jetzt den Contentbereich richtig raus, damit der Schlagschatten erhalten bleibt und auch ordentlich im Verlauf aussieht?
Ich dachte erst, dass ich es horizontal schneide und dann eben 500px x 1px habe, aber das haut nicht hin, da der Schatten im Verlauf hängt und ich dann an dunklen Stellen einen hellen Effekt haben. Oder hab ich nur was falsch gemacht?

Das Bild ist hier. Jetzt eben die Box da rausschneiden

Danke euch schonmal

[Plasma]

Ich hab mir deine Frage zweimal durchgelesen, kann dir aber trotzdem nicht genau folgen. Sorry.

[Baci]

Dacht ich mir schon

Normalerweise slice ich doch meine Page in Photoshop und erstell dann das HTML-Gerüst.
Für den Verlauf, wie er auf dem Bild zusehen ist, hab ich quasi nur eine 1Pixel dicke Scheibe geslicet und diese im body-tag dann per repeat-x eingebunden.

Da ich nun aber den dummer Verlauf habe, weiß ich nicht, wie ich am besten das Viereck in der mit dem Schlagschatten links und rechts slice. Also so slice, dass der Schlagschatten erhalten bleibt.

Besser erklärt?

[Lukas]

Die große Box in der Mitte hat ja keinen Verlauf oder?
Dann könntest du die 2 Streifen am Rand + Schatten in ein Bild tun
und die Mitte transparent und das legste in nen Div Container mit der Hintergrundfarbe vom Contetnbereich.
Das könnte so klappen,
ob das Code technisch ne gute Lösung ist: keine Ahnung

[Baci]

so dacht ich mir das auch, aber irgendwie bekomme ich das nicht hin, dass der Schlagschatten bleibt
Gestern hat es noch geklappt

[powerschulzi]

Ne Alternative wäre png. Damit sond solche schatten kein Problem...
nur, dass die Internet Explorer bis Version 6 kein png können...

[Plasma]

Kommt drauf an wie dynamisch deine HP ist. Wenn der Contentbereich fixed ist (z. B. 500 x 500 Pixel), dann kannst du die zwei Schlagschatten (mit Hintergrund) rausschneiden und einfach einbinden. Wenn aber der Contentbereich dynamisch ist und sich dem Inhalt anpasst und so bei viel Content länger wird, dann brauchst du einen Schatten, der sich immer dem aktuellen HG anpasst. Die beste Lösung dafür ist ein halbtransparentes PNG. Das gibst du allen Browsern, nur der IE kriegt über Conditional Comments andere Grafiken (oder gar keine).

[Baci]

Neuer Tag neues Glück.
Also der Content ist dynamisch. Ich werde es mal mit dem png probieren und dann für den IE eine andere Grafik basteln. Mal schauen, was das wird.

Ansonsten melde ich heute nochmal ^^