[HTML/CSS] Achtergrond in tabel cell

[Upsal]

Ik ben bezig met een PHP website te maken op http://music.upsal.nl/, ik maak geen gebruik van frames, maar ik zet alle content in één cell van de pagina (de cell waar nu "blablabla" staat). Ik heb voor mijn rechterrechthoek 3 plaatjes gebruikt:

1. Achtergrond begin van rechthoek, deze staat in de bovenste cell waarvan de height altijd het zelfde blijft
2. Achtergrond midden van rechthoek, deze staat in de middelste cell waarvan de inhoud variable is, (van een paar regels tot misschien wel 2 A4tjes)
3. Achtergrond einde van rechthoek, deze staat in de onderste cell waarvan de height altijd het zelfde blijft

Ik heb een verticale kleurenovergang gemaakt bij het midden van de rechthoek, van lichtgroen-blauw naar donkergroen-blauw. Als ik de pagina bekijk in mijn browser, dan zie ik maar ongeveer de helft van deze overgang (eerste 400px bijv.), terwijl het plaatje miss wel 1000px groot is. Ik zou deze achtergrond de height van deze achtergrond hetzelfde willen hebben als de variable height van de betreffende cell. Ik heb op GoT en google gezocht, daar stond vermeld dat je de optie height=100% mee kon geven, maar omdat het hier over een achtergrondafbeelding gaat, lukt dat niet. Weet iemand een oplossing?

[Verwijderd]

ik zou er voor kiezen de overgang in een kleiner deel van bv 200px te laten gebeuren, en dan de rest van de bg-image de kleur van de onder- of bovenkant te geven. met background-position kun je in css aangeven waar je achtergrondplaatje geplaatst moet worden.

[Upsal]

Dat is een goed idee van jouw, heb er nu 2 bestanden van gemaakt:

1. Achtergrond rechthoek boven
2. Achtergrond rechthoek onder (let op het onderste stuk, daar is een kleine kleurenovergang)

De 2de komt in de inhoud cell te zitten, en is naar onder uitgelijnt (als het niet duidelijk is, kijk dan even op de website zelf naar de broncode). En het ziet misschien nog rustgevender uit dan een kleurenovergang die over de gehele cell loopt. M'n probleem is nu dus opgelost.