Welchem Element im Speziellen willst du diesen Hintergrund geben? Allgemein gesehen könntest du es so machen:
PHP-Code:
<div id="outer_container">
<div id="wrapper">
...
<div class="foo">
<div class="inside">
/* content of foo */
</div>
</div>
...
</div>
</div>
PHP-Code:
#outer_container {
width:100%;
overflow-x:hidden;
}
.foo {
margin-left:-200%;
margin-right:-200%;
padding-left:200%;
padding-right:200%;
}
.foo .inside {
position:relative;
}
Das .inside kannst du dir sparen, wenn du nichts absolut positionieren willst in .foo, oder du dem .foo keine eigenen paddings oder borders geben musst. Die 200% beziehen sich natürlich auf die Breite des #wrapper. Wenn der #wrapper maximal 960px breit ist, ist .foo dadurch auch nur maximal 2880px breit, was aber für die meisten Anwender ausreichen sollte
.
Beispiel: https://dl.dropbox.com/s/ce1ypcvz5zi8yzf/v1.html
Aber vielleicht hat jemand eine schönere Idee?
Lesezeichen