balufreak
Aktives Mitglied
Thread Starter
- Dabei seit
- 12.10.2003
- Beiträge
- 1.563
- Reaktionspunkte
- 28
Hallo Leute,
ich sitze wieder einmal vor einem Problem: Und zwar habe ich etwa folgendes HTML Konstrukt.
wie krieg ich dass jetzt hin, dass der Container #header nicht mit dem Rest der Seite mitscrollt? ich will, dass der Text aus #content unter dem Hintergrundbild vom #header verschwindet, wenn man nach unten scrollt.
Steh im Moment voll aufm Schlauch.
Greets
balu
ich sitze wieder einmal vor einem Problem: Und zwar habe ich etwa folgendes HTML Konstrukt.
Code:
<html>
<head>
<style type="text/css">
body {
background: #000000 url(../pfad/zu/meinem/bild.jpg) no-repeat fixed center top;
}
div#header {
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
background: #e3e3e3 url(../pfad/zu/meinem/header_bild.jpg) no-repeat fixed center top;
width: 150px;
height: 200px;
z-index: 200;
}
div#content {
overflow: auto;
position: absolute;
left: 0px;
top: 200px;
z-index: 150;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="content">
Hier steht der Content drin...
</div>
</body>
</html>
wie krieg ich dass jetzt hin, dass der Container #header nicht mit dem Rest der Seite mitscrollt? ich will, dass der Text aus #content unter dem Hintergrundbild vom #header verschwindet, wenn man nach unten scrollt.
Steh im Moment voll aufm Schlauch.
Greets
balu