960grid und Hintergründe der Inhaltselemente über gesamte Bildschirmbreite...

[Mischa]

Hallo,

ich tüftel hier schon einige Zeit an einem Layout: Der Kunde wünscht sich für bestimmte Inhaltselemente einen Hintergrund. Dieser Hintergrund soll aber nicht nur so breit sein wie der Inhalt bzw. der Wrapper (960px), sondern immer über die gesamte Viewport-Breite laufen. Kurz gesagt: Der Hintergrund dieser Elemente soll im Gegensatz zum Content die gesamte Bildschirmbreite einnehmen.

Ich habe schon einiges probiert aber irgendwie steh ich auf dem Schlauch.

Hat jemand schon mal was ähnliches gebaut oder kann mir jemand paar Denkanstöße geben? Lieben Dank!

[Nikolas]

Hallo Mischa,

hast du da mal ein Beispiel oder noch besser einen Link wo man sich mal von deinem Vorhaben einen Eindruck machen kann?
Ich habe zwar eine waage Vorstellung von dem was du vor hast aber es ist doch sehr schwierig mit deinen bisherigen Angaben etwas anzufangen.


Gruß
Nikolas

[Mischa]

Okay, das dachte ich mir. Ich versuche es mal mit einer Grafik: grid_bg_oversize.png

[varix]

Guten Morgen,

bin jetzt selbst nicht der Profi, aber folgende Idee. Sofern es sich um den Header, Main oder Footer handelt, könntest du doch
jeweils ein width:100% und deine Hintergrundanweisungen mitgeben, hingegen die Klasse inside, jeweils eine eigene Definition bekommt.

Solltest du noch andere Bereiche benötigen, z.B. nur Teilbereich des Main, kannst du eigenen Layoutbereiche anlegen und genauso vorgehen.
Ob das mit dem 960Grid geht......weiß ich leider nicht.

Schönen Feiertag,

varix

[hofff]

Hallo Mischa,

die gibst einfach dem wrapper, header, content und footer width: 100% und header > .inside, content > .inside und footer > .inside width: 960px und margin-left und margin-right auto ... dann geht das :-)


fg
nicky

... von meinem iPhone mit Tapatalk gesendet!