Header automatisch aanpassen

[baws]

Hallo,

hoe kan ik zorgen dat de afbeelding boven aan mijn pagina (header) automatisch wordt aangepast, dus dat hij bij elke resolutie even groot is.
ik wil hem 80% width geven maar de afbeelding moet dan mee veranderen.

Kan iemand mij helpen?

 

[csshunter]

Hoi Baws,
Met css3 kan je een background-afbeelding laten schalen, maar dat wordt nog niet door alle browsers ondersteund.
Voorgrond-afbeeldingen kunnen wel geschaald worden.

• Je zou de afbeelding als voorgrond-afbeelding in een eigen laagje kunnen plaatsen, waar de rest van de header overheen gezet wordt.
• De <div> van dat laagje geef je dan de 80% width, en de afbeelding krijgt vervolgens een width="100%". De hoogte van de afbeelding schaalt dan automatisch mee.
• Een voorbeeld (maar dan met de hoogte afhankelijk van het window i.p.v. de breedte) staat hier: reisverslag/13.htm

Met vriendelijke groet,
CSShunter