css auto width
plaatjes worden automatisch geschaald

home | index | menu | help

Er is geen CSS ondersteuning.


		
automatisch LOADING AUTO IMAGE...

Als alles goed gegaan is staat het plaatje hierboven netjes op de gehele (breedte van de) pagina. Een kleine marge links en een kleine marge rechts. Als de pagina groter is dan 2000 pixels (breed) zal de pagina links uitgelijnd op het scherm staan. Bij alle scherm-afmetingen die kleiner dan 2000 pixels zijn, zal het plaatje geschaald worden naar de volledige breedte van het scherm (de eigenlijke auto-width). Verklein (of vergroot) even het scherm om te zien hoe de auto-width werkt. Nog simpeler kan ik de code niet voor je maken:
plaats onderstaand stukje css in de head van de pagina...

<style type="text/css">
	.flexibel img{width:99.9%} 
</style>
		

En de onderstaande div ergens in de body van de pagina:

<div class="flexibel">
	<img src="http://static.dns5.nl/automatisch.jpg" alt="automatisch" />
</div>
		

cache 20-01-2011