Есть родительский div. Внутри него у меня находятся множество других div с атрибутом position:relative. У них разные отступы top и left.
Я не могу понять почему позиции некоторых таких вложенных div отсчитываются от верхнего левого края родительского div, а какие то вдруг от середины этого родительского div? Хотя свойства у них одинаковые.. Если изменить top на отрицательные значения, то получается спозиционировать. Код родительского div:
.tableOverLO {position: relative; width:1156; height:822; background: url(LOnew.png); border-radius: 150px; border: solid;}
Ниже вложенные в родительский (их несколько, разница только в top и left):
.viborg {position: relative; width: 3%; top: 190; left: 170; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
.priozersk {position: relative; width: 3%; top: 70; left: 310; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
.gatchina {position: relative; width: 3%; top: 400; left: 330; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
.volosovo {position: relative; width: 3%; top: 370; left: 210; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
.kingisepp {position: relative; width: 3%; top: 160; left: 100; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
А следующий (который с такими же свойствами как выше) позиционируется в место примерно соотносящееся с серединой родительского div .tableOverLO
???
.luga {position: relative; width: 3%; top: 1; left: 1; border-radius: 20px; padding: 10px; font-family: Arial; color: white; font-size: 30; background-color: #f38630; text-align: center;}
Почему тогда остальные ставятся верно?
Вывод div производится следующим образом:
// Волосовский на карте
if ($total_volosovo!=0) {
echo "<div class=\"volosovo\">" . $total_volosovo . "</div>";
};