| |||
con screen.width de javascript puedes saber la resolucion de la ventana, podrias hacerlo, por ejemplo, colocando este codigo HASTA EL FINAL del HTML (una vez que se cargaron todos los objetos en el navegador), al menos yo lo hice asi para hacer visibles o invisibles de acuerdo a la resolucion unos banners laterales a la izquierda y derecha: <script language="JavaScript" type="text/JavaScript"> <!-- SCRIPT PARA MOSTRAR MENUS LATERALES DEPENDIENDO DE LA RESOLUCION DEL VISITANTE MostrarTabla() function MostrarTabla(){ if ( screen.width <= 800) { }else{ // Para resoluciones altas, se desplegaran los elementos laterales if (document.getElementById) { // DOM3 = IE5, NS6 document.getElementById("celda1024A").style.displa y="block"; document.getElementById("celda1024B").style.displa y="block"; } else { if (document.layers) { // Netscape 4 document.celda1024A.visibility = 'visible'; document.celda1024B.visibility = 'visible'; } else { // IE 4 document.all.celda1024A.style.visibility = 'visible'; document.all.celda1024A.style.visibility = 'visible'; } } } } //--> </SCRIPT> |
| |||
en el la parte superior defini los styles: <!-- IMAGEN DE FONDO DE PAGINA--> <style type="text/css"> body { background-image: url("imagenes/background.gif"); background-repeat:repeat-x; } #celda1024A{ display:none; } #celda1024B{ display:none; } </style> |