resoluciones Web

[Ánima]

hay alguna solución mas facil para que tu página se vea en distintas resoluciones y con el mismo tamaño, que no sea hacer una página para cada resolución y redireccionarlo?

[Cluster]

Podrias usar CSS dinamicos .. es decir . generar un Estilo en Cascada segun la informacion de la resolucion de pantalla del navegador y ahi ajustar todos los tamaños de letra q uses y demas variantes.

Puedes ver un articulo sobre el tema en:
<a href='ir.asp?http://www.phpbuilder.com/columns/tim20000821.php3' target='_blank'>http://www.phpbuilder.com/columns/tim200...</a>
El articulo está enfocado a presentar la pagina en diferentes navegadores .. pero por ahi puedes coger la idea ...

Un saludo,

[rao]

lo que yo se es que puedes hacer tus webs dentro de tablas , las cuales les das anchos relativos (85%) pero eso no te sirve pa fotos y cosas asi

Raúl Angulo
Webmaster <a href=http://membres.lycos.fr/astrocl>Astro-cl</a>

[Cluster]

bufff si nos ponemos ajustar fotos y grafica en general dependiendo de la resolucion .. ves pensando en usar las librerias GD y un monton de codigo/tiempo de proceso que; ... es necesario? ...

Tal vez con usar % en tus tablas (porcentajes) como dice Rao ... te apañas no?.

Un saludo,

[Maycol]

Ánima lo que puedes hacer es una tabla general que dima 780px y que esta se centre, de este modo las páginas con resoluciones mayores a 800x600 se le centrara la web.

saludos.

<center><a href="http://www.talleresdelweb.com" target=_blank><img src="http://www.talleresdelweb.com/banner468x60.jpg" border=0></center>

[gomo]

a mi me parecen mejor los anchos fijos por ejemplo yo tengo 1024x768 en windows... y php.net se ve gigantesca...
Yo creo que lo mejor es hacer la pagina con 750px de ancho centrado o a la izquierda, como gustes.. y los que tienen mas resolucion lo ven del mismo tamaño porque no olvides que + resolucion por lo general va con + tamaño de monitor..
En cambio los foros se ven excelente :P
Saludos ;)


<div align="center"><img src="http://cablemodem.fibertel.com.ar/sainztrapaga/images/firma.jpg" width="435" height="70" border="0">
</div>

[Wakkos]

Yo en cierto modo estoy de acuerdo con Gomo, pero también hay ocasiones donde el diseño requiere una visibilidad expandida para todas las resoluciones, siempre es bueno ver como implementar ese estado 'líquido' de una página. Las maneras son variadas, y repito, siempre va a depender del diseño.
Tenemos el estilo 'ice' que va a estar siempre a una misma anchura, esté la resolución que esté, ejemplo, Forosdelweb, Yahoo etc.
Están las 'Gelatinosas' que son las que de alguna manera tienen contenido variable según la resolución de la pantalla (o de la ventana del explorador) pero con contenido fijo. Por ejemplo: no tengo ningún ejemplo práctico en estos momentos, pero digamos una página con una tabla de un % de ancho cuyo texto se ajusta mientras aumentemos o reduzcamos el tamaño de la ventana (o cambiemos de resolución) mientras que las imagenes y puede que algún menú dentro de la tabla permanecerán totalmente estáticas.
Las líquidas son totalmente variablers ajustándose a la resolución y tamaño de la ventana.

Podemos decir que el punto es darle medidas fijas a las páginas fijas (iced) o porcentuales a las líquidas

Acá tenemos un ejemplo totalmente líquido: <a href='ir.asp?http://www.kallback.co.za/simply/float.htm' target='_blank'>http://www.kallback.co.za/simply/float.h...</a>

Un ejemplo 'gelatinoso' (nótese como la columna d ela derecha, tiene un tamaño fijo) <a href='ir.asp?http://builder.cnet.com/webbuilding/...=st.cn.sr1.dir' target='_blank'>http://builder.cnet.com/webbuilding/page...</a>
Y una totalmente fija (iced): <a href='ir.asp?http://www.netmechanic.com/news/vol3/html_no2.htm' target='_blank'>http://www.netmechanic.com/news/vol3/htm...</a>

Otro 'tip' puede ser no usar valores porcentuales en las columnas de 100%, sino medidas absurdas (20000 px) para que estas se 'ajusten' al tamaño de la ventana. Esto era más que todo utilizado antes del HTML4 y para que funcionara en Opera, pero puede que hoy no sea necesario con HTML4.

En cualquier caso, siempre debes asegurarte que tus columnas internas no se encojan, y al parecer la técnica más acertada para esto, es un gif de 1x1 como fondo.

[Wakkos]

Encontré esto: <a href='ir.asp?http://www.sam-i-am.com/misc/TestSuite/tables/flexible_width.html' target='_blank'>http://www.sam-i-am.com/misc/TestSuite/t...</a>

Crea una igual y prueba allí tus diseños, en diferentes resoluciones, diferentes tamaños de ventana, diferentes exploradores, etc...
Es de utilidad para que veas como quedará tu diseño final..

Otra opción es unsar capas, cosa que yo prefiero, pues en mi opinión las tablas son para dar alguna muetra de datos o algo por el estilo, no para diagramar una página web. Demasiados TD's y TR' cuando diseñas una página en tablas, en mi opinión. Muchas tablas unas dentro de otras.

Si quieres usar capas, es otra hjistoria, pero acá dejo unos links mientras y luego los discutimos!
<a href='ir.asp?http://www.bluerobot.com/web/layouts/' target='_blank'>http://www.bluerobot.com/web/layouts/...</a>
<a href='ir.asp?http://glish.com/css/' target='_blank'>http://glish.com/css/...</a>

Y mi ejemplo favorito de una página hecha sin una sola tabla: <a href='ir.asp?http://www.sashadesign.com/' target='_blank'>http://www.sashadesign.com/...</a>

<div style="color:#000; font-family: Verdana; font-size: 10px; font-weight:bold;">Wakkos<br><a href="http://www.artreves.com/wakk" style="font-size: 9px; font-weight: normal; color:#e1470b;">follow the white rabbit</a></div>