So, ich habe das jetzt geregelt bekommen:
<style>
#container {width:500px; overflow: hidden; position:absolute;}
#Inhalt {width: 100%; position: relative; z-index:1; top: 0; left: 0; border: 1px solid black;}
#Hintergrund{width:10000px; height:10000px; position:absolute; z-index:0; top: 0; left: 0;}
</style>
<div id="container">
<div id="Inhalt">blubb</div>
<div id="Hintergrund">blubb</div>
</div>
So weit, so gut, für alle, die was ähnliches suchen.
Aber nun taucht ein neues problem auf, speziell für den Opera Browser Version 9.23:
Ich habe, wie ihr gesehen habt, um den Inhalt eine Border hinzugefügt. Diese wird (nur im Opera) am rechten Rand abgeschnitten. Grund dafür ist das overflow:hidden. Wenn ich overflow:scroll; benutze, kann ich nach minimalem Scrollen auch die rechte Border sehen.
Woran liegt das?
Rendert Opera die Border außerhalb des Elements (wird der Inhalt dabei 100% des containers, also 500px + 2 mal die Border=502px breit)?
Wie bekomme ich die Border trotz allem angezeigt?
mfg, Marc