Hola, desearía me echarais una mano, ya que no acabo de resolver el problema que tengo.
Tengo un div oculto que aparece para mostrar diversos mensajes según la acción que realice el usuario. Quisiera que me apareciera centrado en la pantalla. El problema es que, al ser los mensajes de distinta longitud, el div aparece más estrecho o más ancho, según la longitud de los mensajes.
En el CSS tengo las siguientes propiedades:
Código:
display: none;
height: 48px;
width: auto;
position: absolute;
top: 40%;
overflow: auto;
Y uno de los códigos que utilicé, de los muchos que probé, fue este:
Código:
<script language="javascript">
function muestra_ventanainfo(){
var ancho_ventana
var izquierda
document.getElementById('ventana_info').style.display="block";
var ventanainfo=document.getElementById('ventana_info')
ancho_ventana=parseInt(ventanainfo.width);
izquierda=(screen.width-ancho_ventana)/2;
ventanainfo.style.left=izquierda;
alert('El ancho de ventana info es de ' + ancho_ventana);
}
</script>
El resultado de ancho_ventana me da = NaN.
He probado también con:
Código:
ancho_ventana=parseInt(ventanainfo.getAttribute('width'));
ventanainfo.style.left=((document.body.offsetWidth-ancho_ventana)/6)+'px';
pero no funciona. A ver si alguien me puede ayudar. Un saludo y gracias de antemano.