[html] image 100% x 100%

[Verwijderd]

ik wil een laag met een afbeelding over een pagina heen leggen. de afbeelding moet niet-proportioneel, dus width 100% en height 100% worden, zodat er nergens witte randen zijn.

dat is gelukt, in safari en firefox op mac gaat het goed.. IE op XP uiteraard niet...

code:

<div id="ad" style="position:absolute; left:0px; top:0px; width: 100%; height: 100%;">
      <img src="images/leeg.gif" name="ad_file" border="0" width="100%" height="100%">
</div>

weet iemand de oplossing? ik heb ook geprobeerd met een flash file die op 100% / 100% staat, alleen die blijft zn content proportioneel houden.

[endless]

Je hoeft de width en de height bij de img zelf toch niet te declareren?
Standaard gooit ie hem al op 100% toch?

Maargoed, dit heeft eigenlijk niet met je vraag te maken..

[Verwijderd]

nee standaard krijg je de daadwerkelijke breedte/hoogte in pixels van de image. ik wil hem naar 100% van de browser-breedte/hoogte schalen.

[thalyric]

en als je die width en height op de img nou met style probeer?

[Verwijderd]

Toevallig nog onlangs gezocht en gevonden:

http://www.cssplay.co.uk/layouts/background.html

[Verwijderd]

inderdaad: als je de breedte en hoogte via STYLE=" width:100%; height:100%;" bepaalt, dan werkt het ook in IE.
trouwens, ik heb inmiddels ook wat verder gekeken dan de neus lang is in Flash: Scale = Exact Fit (Publish Settings) doet zn werk.

dank!