Buenas, estoy creando un minimapa para un jueguito que estoy creando en el cual necesito enviarle la position x,y de la posicion actual.
Todo bien, creo la caja que contendra el mapa pero al momento de enviar la position actual del jugador se sale del minimapa.
Necesito colocarle algo como un tamano interno al div para poder mover la posicion sin que se salga.
Aca el codigo:
Código HTML:
#mapa
{
padding:10px;
position:absolute;
bottom:0px;
right:0px;
width:300px;
height:300px;
background-color:rgba(0, 0, 0, 0.5);
}
#mapa .position
{
position: absolute;
}
Código HTML:
<div id="mapa">
<div class="position">
Aqui deberia ir el mapa
</div>
</div> Al enviar las coordenadas a .position se sale de su cuadro padre. Alguna idea? gracias