Tamaño segun explorador

KCOB · #1 (**permalink**) 26/03/2003, 15:01

Hace un tiempo recuerdo haver visto un javascript que al detectar la resolucion del visitante, mostraba la pagina a X porcentaje de su tamaño, como si de redimensionar una imagen se tratase, no reduciendo el tamaño de las tablas; no se si me explico.
Pues eso es lo q quiero, tengo una pagina corecta graficamente a 1024 y quiero q cuando la visiten a 800 se muestre a su 78% o cuando se visite a 1200 se muestre a su 117%.

Saludos y a seguir mejorando

fgil2 · #2 (**permalink**) 27/03/2003, 11:53

Hola KCOB:

Mira a ver si te sirve esto.

Como sabrás, los monitores suelen poder configurarse a distintas resoluciones (número de píxeles en pantalla), siendo las más comunes 800x600 y 1024x768. Si trabajas con esta última configuración, es fácil que a tu página se le "estropee" el diseño en pantallas que utilizen la primera. Para estar seguro que esto no ocurra, la solución más sencilla y eficaz es utilizar tablas de 780 píxeles de ancho, por ejemplo con este código:

<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>contenido de tu página</td>
</tr>
</table>

Otro truco utilizable, es redireccionar tus visitantes según la resolución detectada (se necesita un navegador versión 4 o posterior). Este es el código necesario, que tendrás que poner entre las etiquetas <head> y </head> de tu página principal:

<script language="JavaScript">

</script>

donde por supuesto puedes reemplazar "pagina1024x768.htm" y "pagina800x600.htm" por páginas diseñadas para las relativas resoluciones.

Un saludo.

caricatos · #3 (**permalink**) 27/03/2003, 12:16

Hola KCOB (hola fer

)

También puedes cambiar el tamaño de una tabla si le pones un atributo id, pero en vez de usar porcentajes (aunque puedes) creo que sería mejor saber el tamaño en puntos...

Tocando un poco lo que puso fgil2:

<script language="JavaScript">

</script>

Debes poner en vez de los números que yo puse, los que creas adecuados.

Saludos

fgil2 · #4 (**permalink**) 27/03/2003, 13:17

Hola Caricatos

Una forma elegante de hacerlo

Fuera de tema:

Veo que han añadido nuevos emoticones en el foro,....

Este, particularmente

se me hacía muy personal tuyo.
¿Se lo has facilitado tu?

Saludos.

caricatos · #5 (**permalink**) 27/03/2003, 13:28

Hola fer (KCOB, perdona por usar tu post para tetulias...

)

Supongo que lo habrán cogido de la respuesta sobre emoticones del foro administración. Supongo que aún habrá alguna modificación más...

Saludos

KCOB · #6 (**permalink**) 27/03/2003, 16:35

Bueno, ya conocia aquella "regla" de el ancho estandar de 750+- , y lo de redireccionar tb, lo q quiero ( a ser posible ) es especificamente lo q os pregunté. Por cierto calicatos, tu script no me funciona ¿¿?? Ni idea xq.
Lo del porcentaje en tablas y tal esta bien, pero no seria idoneo hacer un diseño y sin necesidad de hacer nuevas paginas canviando el codigo, que a todas resoluciones se viese igual exactamente ? Menos trabajo. Eso es lo que hacia el javascript q perdí, tratar a toda la pagina y redimensionarla a modo de imagen, sin variar las proporciones ni de la tipografia.
A ver si lo encontrasemos, yo sigo buscando por donde puedo. Si lo encuentro ya os lo pondre.

Saludos, Buen royo

KarlanKas · #7 (**permalink**) 27/03/2003, 16:42

¿Y esto?

Código:

<script>
document.getElementById("tabla").style.width =(screen.width/8)+"%";
</script>

saludos

caricatos · #8 (**permalink**) 28/03/2003, 02:21

Hola otra vez: (Hola KarlanKas

)

Voy a corregir lo que he puesto (tal vez te valga lo que pone KarlanKas...

)

Código PHP:

  <html> 
<head> 
<script language="Javascript"> 
<!-- 
function ini()    { 
    document.getElementById("tabla").style.textAlign = "center"; 
    document.getElementById("tabla").style.backgroundColor = "yellow"; 
    document.getElementById("tabla").style.width = 
    (screen.width == 1200) ? 220 : 
    (screen.width == 1024) ? 202 : 
    (screen.width == 800) ? 10 : "100%"; 
} 
// --> 
</script> 
</head> 
<body onload="ini()"> 
<center> 
<table id=tabla><tr> 
<td style="width:100%"> 
Pruebas 
</td> 
</tr> 
</table> 
</center> 
</body> 
</html>

Faltaba ponerlo en una función que se ejecutase en el inicio, y el error de poner 100% sin entrecomillar...

Verás que las dimensiones tienes que acomodarlas a tu gusto.

Saludos