CSS Script

[kwkurzer]

Hallo,

möchte gern folgende Div´s "pic" mit einen Script so anpassen das die angegebenen margin sich Prozentual am div "container" ( width: 1300px; height: 456px; ) anpassen.

<div class="pic" id="start1_btn_1" style="margin: 39px 0 0 97px"><img class="skaliert" src="pictures/start1_r1_c1.jpg"></div>
<div class="pic" id="start1_btn_2" style="margin: 156px 0 0 0"><img class="skaliert" src="pictures/start1_r1_c2.jpg"></div>
<div class="pic" id="start1_btn_3" style="margin: 299px 0 0 84px"><img class="skaliert" src="pictures/start1_r1_c3.jpg"></div>
<div class="pic" id="start1_btn_4" style="margin: 0 0 0 286px"><img class="skaliert" src="pictures/start1_r2_c1.jpg"></div>
<div class="pic" id="start1_btn_5" style="margin: 227px 0 0 286px"><img class="skaliert" src="pictures/start1_r2_c2.jpg"></div>
<div class="pic" id="start1_btn_6" style="margin: 312px 0 0 286px"><img class="skaliert" src="pictures/start1_r2_c3.jpg"></div>
<div class="pic" id="start1_btn_7" style="margin: 227px 0 0 422px"><img class="skaliert" src="pictures/start1_r2_c4.jpg"></div>
<div class="pic" id="start1_btn_8" style="margin: 156px 0 0 643px"><img class="skaliert" src="pictures/start1_r2_c5.jpg"></div>
<div class="pic" id="start1_btn_9" style="margin: 104px 0 0 695px"><img class="skaliert" src="pictures/start1_r2_c6.jpg"></div>
<div class="pic" id="start1_btn_10" style="margin: 52px 0 0 695px"><img class="skaliert" src="pictures/start1_r2_c7.jpg"></div>
<div class="pic" id="start1_btn_11" style="margin: 85px 0 0 779px"><img class="skaliert" src="pictures/start1_r3_c1.jpg"></div>
<div class="pic" id="start1_btn_12" style="margin: 143px 0 0 779px"><img class="skaliert" src="pictures/start1_r3_c2.jpg"></div>
<div class="pic" id="start1_btn_13" style="margin: 78px 0 0 1020px"><img class="skaliert" src="pictures/start1_r4_c1.jpg"></div>
<div class="pic" id="start1_btn_14" style="margin: 273px 0 0 1020px"><img class="skaliert" src="pictures/start1_r4_c2.jpg"></div>
<div class="pic" id="start1_btn_15" style="margin: 201px 0 0 1170px"><img class="skaliert" src="pictures/start1_r4_c3.jpg"></div>
<div class="pic" id="start1_btn_16" style="margin: 143px 0 0 1170px"><img class="skaliert" src="pictures/start1_r4_c4.jpg"></div>

Ist das möglich?

 

[Sempervivum]

Hm, ich verstehe nicht so richtig, was dein Ziel ist. Woran willst Du die Margins anpassen und was willst Du damit genau erreichen? Und was meinst Du mit deinem "container", ein div, das die anderen umgibt?