raven16
Lieutenant
- Registriert
- Nov. 2008
- Beiträge
- 580
Hallo,
habe jetzt über eine Stunde im Internet rumgesucht und finde einfach keine geeignete Lösung, obwohl das Thema bestimmt schon oft genug irgendwo behandelt wurde. Möglicherweise muss ich nochmal an meinen Suchbegriffen arbeiten
Ich habe ein zweites Webseiten-Background über das Erste gelegt und möchte, dass dies nicht mitscrollt, wenn die Seite einen y-overflow erreicht.
Leider wird der fixed-Wert an die Child-Container übergeben, wenn der oberste Container erst mal auf fixed gesetzt ist.
CSS:
HTML:
Die mainbox möchte ich noch ganz gewöhnlich scrollen können. bgshadow verhindert dies jedoch bisher noch, wenn ich die Position auf "fixed" setze.
Danke
habe jetzt über eine Stunde im Internet rumgesucht und finde einfach keine geeignete Lösung, obwohl das Thema bestimmt schon oft genug irgendwo behandelt wurde. Möglicherweise muss ich nochmal an meinen Suchbegriffen arbeiten
Ich habe ein zweites Webseiten-Background über das Erste gelegt und möchte, dass dies nicht mitscrollt, wenn die Seite einen y-overflow erreicht.
Leider wird der fixed-Wert an die Child-Container übergeben, wenn der oberste Container erst mal auf fixed gesetzt ist.
CSS:
Code:
#bgshadow{
background: url('images/bgshadow.png');
width: 100%;
height: 100%;
position: fixed;
}
#mainbox{
width: 850px;
min-height: 2000px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
position: relative;
}HTML:
HTML:
<body>
<div id="bgshadow">
<div id="mainbox">
</div>
</div>
</body>Die mainbox möchte ich noch ganz gewöhnlich scrollen können. bgshadow verhindert dies jedoch bisher noch, wenn ich die Position auf "fixed" setze.
Danke
