Ajustar una pagina para cualuier resolucion

[elkkbron]

Como podría ajustar las medidas de mi pagina, para que en todas las resoluciones se ajuste bien, así como en los foros de PHPBB ?

[Giondo]

pues has el sitio con tablas y porcentajes sobre ellas en ves de escribir la cantidad de pixels..
y no uses layers...


salu2

[TurKa]

No estoy muy segura si esto sea lo más adecuado. Pero este script, maximiza la ventana según el tamaño de resolución de pantalla.
Pruébalo a ver si sirve (repito que no estoy muy segura de que funcione):

Código:

<script language="JavaScript1.2">
<!--

window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//-->
</script>

[eduardo_ortega]

Yo la manera en que lo e realizado es con tablas y medidas en porcentaje no en pixeles de esa manera se logra que se vea al 100% de la pantalla en cualquier resolucion te dejo un ejemplo
aqui

esta web se ve al 100% solo en 640 por 480 se abre un coco los scrol

saludos

[MSDark]

Otra forma mas complicada es detectar que resolucion tiene el cliente con javascript y dependiendo de el resultado de esto enviarlo a una u otra pagina osea deberias tener por lo menos 2 diseños uno por tipo de resolucion


Saludos

[Phantasma__]

¡si la pgina contiene frames como hacerlo la definicion de frames va sobre el body gracias

[nav2003]

y cuando la pag esta hecha en flash, como se podría hacer para que en cualquier resolucion se vea 100%...

gracias..

[TurKa]

Una de las cosas que puedes hacer, es colocarle width=100% height=100% cuando lo insertas en tu HTML.
Por ejemplo:
<object id=MiFlash ......... width="100%" height="100%" .......>

[safe]

La mejor opcion si queres asegurarte que en todas las resoluciones se vea bien es diseñar el sitio con un ancho no mayor a 760 px (el ancho de los monitores configurados a 800 * 600 -que es el que usa mas del 50 % de las personas- descontando la barra de scroll, etc)... aunque esto ya no seria ajustarse.. sino simplemente tener un sitio que se vea bien en resoluciones de 800*600 para arriba.

[nav2003]

gracias a ambos, lo de turka me funciono a la perfección..
salu2

[phg]

Yo he intentado con las tablas al 100% pero en el navegador no se ajustas, existe algun codigo o meta que force las tabla que se ajusten al 100% ?????????

Att.
phg

[n2h]

Fijate bien, tal vez el atributo tabla esta al 100%, pero las celdas de su interior tiene un tamaño absoluto (en pixeles) o algo asi.

[TurKa]

Iniciado por phg

Yo he intentado con las tablas al 100% pero en el navegador no se ajustas, existe algun codigo o meta que force las tabla que se ajusten al 100% ?????????

Att.
phg

Como dice n2h puede ser que las celdas tengan una medida absoluta en píxeles pero también puede suceder que algunas imágenes tengan un tamaño que haga que esas celdas adopten un tamaño mayor.

Por ejemplo, si tienes una tabla con dos columnas, y en la columna izquierda tienes una imagen de 300 px de ancho y en la derecha una de 500 px de ancho, entre ambas suman 800 px. Es decir, que el ancho de la tabla es superado al de pantallas de 640x480 y de 800x600.

Tal vez te convenga en esos casos, hacer una de dos cosas:
1) Aplicar un tamaño de 780px de ancho a las tablas (en este caso, al menos los márgenes laterales de la página deberán ser de 0 px):
<STYLE><!--
BODY { margin: 0; }
--></STYLE>
En este caso optimizas para una resolución mínima de 800x600 (o superior)

2) Aplicar un tamaño máximo de 750px de ancho a las tablas, que tambien optimizas para 800x600 mínimo, pero no hace falta que cambies los márgenes.

[the_max]

holas:

si usas solo tablas, lo mejor es crear todo tu contenido, incluida tu página principal, dentro de una tabla general al 100%, todo el contenido tendria que estar centrado y dentro de otra tabla para que funcione. Ejemplo »

si usas capas puedes usar la solucion que me dieron para mi: consiste en un javascript y en colocar algunos parametros dentro del body, ademas de crear tambien una capa general. Ejemplo »

En ambos pueden fijarse del codigo fuente y probar.

[sanjoseastiller]

Sí la pagina no es muy grande y no muy complicada (y no tienes problemas de espacio) otra opción posible es la de hacer un script que detecte la resolucion del usuario y según sea la resolución se cargue una página 800*600 y otra por ejemplo para resoluciones de 1024*768 que son las dos más comunes.

[phg]

tengo el codigo para detectar la resolucion, pero como solo es para una pagina intro que la quiero expandir, me resulta un poco tediosa la idea de hacer 2, por otra parte no se sia sea mi maquina la del problema, ya que en el dreamweaver se ajusta a la ventana pero al momento de publicarla no pasa nada.

<--!

En los ejemplos que dio The max en el segundo el contenido se centra pero se ajusta a la parte superior y no centrado vericalmente.

En el primer ejemplo ae ajusta como quiero pero yo no tengo tanto contenido.

-->

[nav2003]

al colocar 100% en el flash en el explorer funciona correctamente osea se ve a pagina completa pero en el mozilla firefox no.- que pasa con el firefox..habrá que configurar algo en ese navegador?

[maexero]

si lo que quieres es expandir el contenido creo que lo más cómodo es usar un flash ya que tienen esa capacidad como ya lo mencionaban o la opción de hacer diferentes versiones de tu página. .. que al cabo que dices que solo es un intro, así que no será mucho trabajo

y si quieres centrar el contenido vertical y horizontalmente a mi me ha funcionado algo como esto:

Código HTML:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" height="100%" align="center" valign="middle">
      Aquí todo el contenido... <img src="una imagen"> 
      <object id=UnFlash ...bla bla bla...> ... etc.. etc
    </td>
  </tr>
</table>
</body> 

Aunque no se si funcione en todos los navegadores.

espero haber sido útil.
Saludos

[jesusbet]

cuanto mide la pantalla del navegador en pixeles???

[frijolerou]

aunque el post inicial es algo viejo, un link para un repaso sobre diseño fijo, diseño líquido y diseño elástico. (líqudio != elástico).

http://www.grancomo.com/e/diseno_fij...l_es_mejor.php


Editado: No sé porqué pero la extension del archivo queda separada, incluso aunque la edite. donde dice ph p es php

[jam1138]

temo que el link que aportas frijolerou anda fallido; lleva a un error 404.

[miguelito_andy]

Tengo una pagina hecha en 800X600 con 3 frames, un top frame, left frame y un main frame, puse todo en dreamweaver como Relative estos frames, pero aun asi se desordena al cambiar la resolucion... que hago para poder arreglarlo...

[rafairigoyen]

quien tiene el codigo para detectar la resolucion de pantalla de un visitante , hay porfa
si lo tienen pasenlo, se los agradecere....
[email protected]

[jam1138]

Iniciado por rafairigoyen

quien tiene el codigo para detectar la resolucion de pantalla de un visitante

Eso corresponde a JavaScript y podrás encontrarlo en las FAQ de aquel foro...


Bienvenido a el foro! esperemos hagas buen uso de él (NO a las respuestas a el correo ).

[manata111]

No sabes lo que me ayudo tu comentario. Lo hice y me funciono a la perfeccion, se adapta a cualquier resolucion. Lo unico es que me funciona barbaro cuando lo pruebo abriendo el html en el explorador, pero cuando lo subo al sitio NO!!!! Por qué??????

Iniciado por TurKa

Una de las cosas que puedes hacer, es colocarle width=100% height=100% cuando lo insertas en tu HTML.
Por ejemplo:
<object id=MiFlash ......... width="100%" height="100%" .......>

[JulianArts]

Me registre en este foro solo buscando esta duda, pero habiendo tantas respuestas a mis interrogantes.. pues me quedare

Gracias y saludos a todos!

[laura_moreno14]

Este hilo es un poco viejo hoy dia te recomiendo otras tecnicas como no usar tablas si no divs, usar css y diseño responsive.