Riesen Problem: Hintergrund overflow: hidden
Guten Tag zusammen!
Ich habe eine Sache, die ich egal wie ich es auch versucht habe, nicht lösen konnte.
Das Problem hört sich banal an:
Ich habe ein Page-Layout, das ist 1000px breit.
Links und Rechts von der Page brauche ich jeweils eine Hintergrundgrafik.
Um eine Grafik zu vermeiden, habe ich kein Hintergrundbild mit weißem Platz in der Mitte, sondern einen <div id="right"> und einen <div id="left">. Beide positioniere ich absolut. Das ist kein Problem.
Normalerweise würde man ja overflow-x: hidden; für den body-Tag setzen, doch dann wird, je nachdem wie klein die Auflösung auf z.B. einem Laptop ist, auch die Page abgeschnitten.
Wie schaffe ich es nun also, dass mindestens immer das Page-Layout angezeigt wird (es ist übrigens mittig ausgerichtet, und wie gesagt 1000px breit), und darüber hinaus, wenn Platz ist, auch der Hintergrund angezeigt wird.
Das Hintergrundbild ist nach links bzw rechts so groß, dass auch bei einem Widescreen horizontale Scrollbalken entstehen, doch genau dies möchte ich verhindern, da es doch sehr unschön ist.
Ich bin gespannt ob jemand für dieses Problem eine Lösung gefunden hat.
Ich würde eine Lösung mit reinem HTML/CSS bevorzugen, eine Lösung mit PHP/Java(script) aber auch nicht ausschließen...
Ich hoffe ihr versteht was ich meine, und nun bin ich auf Antworten gespannt, ich konnte es nämlich bisher nicht lösen.
Guten Tag zusammen!
Ich habe eine Sache, die ich egal wie ich es auch versucht habe, nicht lösen konnte.
Das Problem hört sich banal an:
Ich habe ein Page-Layout, das ist 1000px breit.
Links und Rechts von der Page brauche ich jeweils eine Hintergrundgrafik.
Um eine Grafik zu vermeiden, habe ich kein Hintergrundbild mit weißem Platz in der Mitte, sondern einen <div id="right"> und einen <div id="left">. Beide positioniere ich absolut. Das ist kein Problem.
Normalerweise würde man ja overflow-x: hidden; für den body-Tag setzen, doch dann wird, je nachdem wie klein die Auflösung auf z.B. einem Laptop ist, auch die Page abgeschnitten.
Wie schaffe ich es nun also, dass mindestens immer das Page-Layout angezeigt wird (es ist übrigens mittig ausgerichtet, und wie gesagt 1000px breit), und darüber hinaus, wenn Platz ist, auch der Hintergrund angezeigt wird.
Das Hintergrundbild ist nach links bzw rechts so groß, dass auch bei einem Widescreen horizontale Scrollbalken entstehen, doch genau dies möchte ich verhindern, da es doch sehr unschön ist.
Ich bin gespannt ob jemand für dieses Problem eine Lösung gefunden hat.
Ich würde eine Lösung mit reinem HTML/CSS bevorzugen, eine Lösung mit PHP/Java(script) aber auch nicht ausschließen...
Ich hoffe ihr versteht was ich meine, und nun bin ich auf Antworten gespannt, ich konnte es nämlich bisher nicht lösen.
Zuletzt bearbeitet: