pagina over de volledige breedte van het scherm
Weet iemand van jullie welke CSS code gebruikt wordt om de achtergrond over de
volledige breedte van een pagina te verdelen zoals in dit voorbeeld:
http://www.annejanroeleveld.nl/about
----
thnx
In ieder geval kun je denken aan een wrapper. Een wrapper krijgt een volle breedte, daarbinnen in komt de daadwerkelijke site. Op die manier kun je meerdere achtergrond kleuren over de hele achtergrond lopen.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
img.background {
Width: 100%;
Height: 100%;
Position: absulute;
Top: 0;
Left: 0;
Z-index: -1;
}
Width: 100%;
Height: 100%;
Position: absulute;
Top: 0;
Left: 0;
Z-index: -1;
}
ik ga het direct proberen.
En mocht je een gradient of een pattern of zoiets gebruiken dan moet je eens kijken naar background-repeat.
Verder als je een grote afbeelding (foto oid) over de hele pagina wilt uitrekken staan er hier heel wat tips: http://css-tricks.com/perfect-full-page-background-image/
Dat deze pagina bovenaan de kleur #272727 heeft en onderaan #0000000
Dat zal dan wel zijn dat er op elk apart een div is toegepast of niet?