Geschaald?
Bon. Ik zit zo’n beetje mijn tanden te breken op volgend probleem: schaalbare achtergrondbeeldjes! Via CSS zorg ik ervoor dat een bepaald block level element een achtergrond image krijgt. Bijvoorbeeld zo:
element {<br> background: url(./img/bg.png) repeat;<br> ...<br> }
De afbeelding heeft – uiteraard – vaste afmetingen. Bijvoorbeeld 800 bij 20 pixels. Op een scherm met resolutie 1600 bij 1200 pixels zal dat er mooi uitzien. Maar o wee wanneer je je scherminstellingen neerhaalt naar 800 bij 600 pixels! In plaats van mooi te schalen, vult het element met de achtergrond opeens het volledige scherm. Andere elementen vallen of lopen weg en de bezoeker krijgt op zijn best een hoop bijeengegooide elementen. Not fun!