Achtergrond afbeelding

Layout.css klopt verder helemaal..
index.php en layout.css staan in dezelfde map..

Om dit soort gedoe en onduidelijkheid te voorkomen zijn er twee opties:

1) Plaats al je CSS-bestanden in één map en je afbeeldingen in een andere map. Dan staat alles altijd op de plek die je verwacht en kan je relatieve paden gebruiken.
2) Plaats je afbeeldingen allemaal in één map en gebruik absolute paden. Op die manier maakt het niet uit waar je CSS staat.

Qua caching en netheid is het aan te raden om je CSS altijd extern te houden, dus zou je het beste voor optie 1 kunnen kiezen.

De locatie van het CSS bestand waar .., . en / naar toe verwijzen.
Niet het bestand die dat CSS bestand includet.

- afbeeldingen/
  - background.gif
- index.php
- layout.css

Zit het zo in elkaar? Dan moet in layout.css de code zo zijn:

background-image: url('afbeeldingen/background.gif');