Schräger Header - wie realisieren ?

[YelloW22]

hallo.
ich habe folgendes vor:
Screenshot

Es soll also ein schräger Header werden, wobei ich es als Rechteck in CSS plus die Schräge als Grafik aufgebaut hätte. (schwarze Linie dient nur zur Veranschaulichung)
Die Schräge ist momentan 1680x40px groß.

Mein Problem ist jetzt, wie ich das für größere bzw (noch wichtiger) für kleinere Auflösungen anpasse.
Vorgestellt hatte ich mir, dass die Größe der Schräge bei kleineren Auflösungen immer gleich bleiben soll. Bei kleineren Auflösungen soll deswegen nur ein Ausschnitt gezeigt werden, und bei größeren soll die Schräge in die Breite gezogen werden damit der Bildschirm ganz gefüllt ist.

Wie realisiert man das am Besten ****

 

[threadi]

Binde die schräge als Hintergrundgrafik ein, z.B. beim body.

 

[djheke]

Und mach deine Grafik noch etwas breiter. 2000 bis 3000px sollten reichen.

 

[YelloW22]

wenn ich sie als Hintergrund vom body einbinde, dann wird sie doch bei kleineren Auflösungen zusammengestaucht oder? das soll nicht passieren, sondern sie soll abgeschnitten werden.
der Winkel der Schräge soll immer gleich bleiben. egal wie groß die Auflösung

ok, dann mach ich sie vorsichtshalber mal 3000px.

 

[threadi]

Nein, Hintergrundbilder werden nicht skaliert und somit nicht gestaucht.