Holas gente, bueno tengo un div donde está el header del sitio que es de 960x300px.
Y necesito que cuando la pantalla sea de 1024, ese div tenga "margin-left:0px" y "margin-right:0px".
Y que cuando la pantalla sea mayor, como 1280, el div tenga "margin-left:auto;" y "margin-right:auto;"
Probé con este código..
Código Javascript
:
Ver original<script language="javascript">
function pantalla()
{
var theRules = new Array();
if (document.styleSheets[0].cssRules) theRules=document.styleSheets[0].cssRules;
else if (document.styleSheets[0].rules) theRules=document.styleSheets[0].rules;
var w=window.screen.widht;
if(w==1024) document.getElementById('div_header').style.margin = "0px";
else if(w>1024)
{
document.getElementById('div_header').style.LeftMargin = auto;
document.getElementById('div_header').style.RightMargin = auto;
}
else {
document.getElementById('div_header').style.margin = "0px";
}}
</script>
En el body puse "OnLoad="pantalla();"
Y el id del div es "div_header"
¿Que es lo que está fallando?
Desde ya, muchas gracias!