Fixed background alleen in DIV
Heb een probleempje bij een webdesign waar ik mee bezig ben. Ik wil in het midden van mijn website een Div met een fixed background en met een scrollbar, waardoor het dus eigenlijk op een inline frame lijkt. Probleem is nu dat als ik de scrollbar van de hele website gebruik, dat de fixed background van de DIV blijft staan... Het viel me ook op dat als ik de achtergrond instel als fixed, dat de achtergrond zich ineens gedraagt alsof het een achtergrond van de website is... hij gaat helemaal links bovenin de website staan... heeft iemand misschien een oplossing?
Mijn code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#content {
position: relative;
left: 200px;
width: 600px;
height: 500px;
overflow: auto;
background-image: url(images/bgBody.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 220px 170px;
border-left: 6px solid #999999;
}
position: relative;
left: 200px;
width: 600px;
height: 500px;
overflow: auto;
background-image: url(images/bgBody.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 220px 170px;
border-left: 6px solid #999999;
}
Alvast bedankt!
Gewijzigd op 01/01/1970 01:00:00 door Jurgen assaasas
ik heb nu:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
#content {
position: absolute;
left: 200px;
width: 600px;
height: 500px;
overflow: auto;
background-image: url(images/bgBody.png);
background-repeat: no-repeat;
background-position: fixed;
border-left: 6px solid #999999;
}
position: absolute;
left: 200px;
width: 600px;
height: 500px;
overflow: auto;
background-image: url(images/bgBody.png);
background-repeat: no-repeat;
background-position: fixed;
border-left: 6px solid #999999;
}
Dus 1 div als achtergrond en vervolgens je tekst in een aparte div eroverheen.
Ik heb er ook avonden op zitten stoeien.
Op http://www.mannenkoorethan.nl zie je het resultaat.
resultaat: www.roci-webdesign.nl/hd
Gewijzigd op 01/01/1970 01:00:00 door PHP Freak