Foros del Web - Ver Mensaje Individual

sirdaiz · #1 (**permalink**) 04/05/2012, 04:59

Hola tengo el sgte codigo index.html

Código HTML:

Ver original<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="estilo.css"/>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="script.js"></script>
    <title>Title of the document</title>
</head>
 
......
 
<footer>
    <canvas id="canva1">
    </canvas>
</footer>

y script.js

Código Javascript:

Ver original$(document).on("ready",configurarApp);
 
function configurarApp(){
    var canvas =document.getElementById("canva1");
    var cxt=canvas.getContext("2d"):
    canvas.width= screen.availWidth;
}

y estilo.css

Código CSS:

Ver original#canva1{
    border:solid;
    position:absolute;
    bottom:0px;
}

Pero el borde no se ajusta a toda la pantalla, alguien sabe el porque peude ser?

Gracias