Здравтсвуйте.
Есть блок с картой. Нужно наложить на этот блок с картой другой блок.
Разметка HTML:
<!DOCTYPE html>
<html>
<head>
// --- //
</head>
<body onload="initMap()">
<div id="YMapsID"></div>
<div id="b2"></div>
</body>
</html>
CSS:
#YMapsID{
width: 700px;
height: 600px;
}
#b2{
width: 200px;
height: 600px;
background: #f00;
}
JavaScript:
function initMap()
{
var map=new YMaps.Map(document.getElementById("YMapsID"))
map.setCenter(new YMaps.GeoPoint(35.20724,45.059185), 10);
}
Красный блок должен быть наложен на блок с картой, как на скриншоте:
То есть нужно, чтобы красный блок был ПОВЕРХ блока карты. Подскажите, пожалуйста, как можно это сделать. Пробовал через относительное позиционирование в стилях - не получилось. Красный блок остался на прежнем месте.