mam problem s CSS pozicovanim boxov v dive.
Hlavny div (čierna farba) ma nastvenie pozadie obrazok s pozicovanim (je to v podstate mapa),
do neho sa genruju dva divy (zelena, cervena), ktore obsahuju obrazok so sipkou, tehto div ma relativne pozicovanie,
ked ho mam len jeden tak je presne tam kde ma, ked ich je viac, je na svojej pozicii iba jeden a druhy je posunuty po x-ovej alebo y-ovej osi, ako tento rpoblem odstranit?
Kód: Vybrať všetko
<div style="border: 1px solid red; width: 482px; height: 420px; background-color: rgb(255, 255, 255); background-image: url(mapa.jpg); background-position: -276px -399px; background-repeat: no-repeat no-repeat;">
<div style=" position: relative; width:100px; height:100px; left:224px; top:153px;">
<img src="map-arrow.png" alt="arrow">
</div>
<div style=" position: relative; width:100px; height:100px; left:257px; top:65px;">
<img src="map-arrow.png" alt="arrow">
</div>
</div>