Ik heb een pagina met daarin in het midden een div met de naam 'page' van rond de 700 pixels breed. Nou wil ik daar aan de linkerkant een graphic uit laten steken, van 200 pixels breed.
Ik heb dus de div 'page' die in het midden staat de volgende dingen meegegeven:
Maar de -200px position werkt niet, terwijl een positieve waarde wel werkt. Ik weet dat je plaatjes 'buiten' een div plaatsen kan door ze een negatieve waarde mee te geven bij margin, maar dit gaat dus niet op voor een background? Of doe ik iets verkeerd?
Ik heb dus de div 'page' die in het midden staat de volgende dingen meegegeven:
code:
1
2
3
4
5
6
7
8
| #container {
width: 700px;
margin: 0px auto;
background-color: #FFF;
background-image: url(http://www.franksnijders.com/blog/images/test.png);
background-repeat: no-repeat;
background-position: -200px 100px;
} |
Maar de -200px position werkt niet, terwijl een positieve waarde wel werkt. Ik weet dat je plaatjes 'buiten' een div plaatsen kan door ze een negatieve waarde mee te geven bij margin, maar dit gaat dus niet op voor een background? Of doe ik iets verkeerd?