✔ Wie Grafiken responsiv "layern"?

[mindhopper]

Moin moin,

ich fasse mich kurz: Wie kann ich die drei blauen Vierecke so positionieren, dass sie bei jeder Auflösung deckend über den entsprechenden Flächen der Hintergrundgrafik liegen? -> responsive webdesign

(klick auf die Grafik zeigt euch diese in original Größe an)

Hintergrundgrafik:


Die drei Vierecke:






Vielen Dank schon im voraus für jede Hilfe!

 

[mindhopper]

okay, konnte mir dann doch selbst helfen:

<div style="position:relative">
<img src="images\quad.png" style="position:absolute; top:16.75%; left:13.86%; width:11%">
<img src="images\rect-h.png" style="position:absolute; top:58.4%; left:19.39%; width:27.5%">
<img src="images\rect-v.png" style="position:absolute; top:11.5%; left:62%; width:8.15%">
</div>