FRIHOST • FORUMS • SEARCH • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

[man] resolución de la web automáticamente

   Frihost Forum Index -> Language Forums -> Spanish
 


shinji_x19
Para adaptar, por ejemplo, el ancho de la página, en vez de usar tamaños fijos en las tablas, pones un porcentaje (100%, 90%, etc.).

Para la imagen de fondo de la pagina es igual, en vez de poner una imagen concreta, puedes poner una en mosaico o con su ancho igualmente en porcentaje (100%, 90%, etc.)...

Ejemplo:

IMAGEN:
Código:

Code:
<img  height="1024px" width="100%" src="ruta" />




TABLA:
Código:

Code:
<table width="100%" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Mrs_Robota
mmm, eso es muy importante, porque dependiendo de la resolución de la pantalla se te descuadra la web. Podrías poner otro ejemplo? Gracias!!
n3k0
Por eso normalmente se diseñan las web para una resolución de pantalla determinada, ahora creo que una de las mas comunes es la de 800x600, aunque puede que haya navegadores con una resolución de 640x480, pero esos seguro que son los menos.
Alexiel
Hombre, por experiencia creo que es mejor diseñar la web en una alta resolución (1280x1024 por ejemplo).

saludos.
agente_naranja
La idea de usar tablas se está quedando desfasada con esto del CSS, pero aún se usa así que hay que machacarle Smile
Yo recomendaría no poner medidas porcentuales, porque cuando se redimensiona la pantalla a veces se dan algunos comportamientos raros, como que por ejemplo si tienes celdas con imagenes de fondo, despues de cierto tamaño (al redimensionar) se montan unas encimas de otras, y quedan lo más de feo. Así no vea tan "liquido", yo considero mejor poner medidas absolutas, es decir "200px" en lugar de "40%", por ejemplo.

Otra cosa es que también es muy frecuente tener que escribir código distinto para distintas resoluciones de pantalla. Una forma muy buena de hacerlo es con javascript, verificando la resolución y escribiendo código según eso.

Code:
<script language="javascript">
ancho = window.length;
if(ancho == "800"){
aqui el codigo para resoluciones 800x600;
}else if(ancho == "1024"){
aqui el codigo para resoluciones 1024x768;
}
</script>


Puede ser un poco engorroso, pero cuando uno diseña una web tiene que pensar en el usuario, más que en uno mismo, y por eso vale la pena gastar un poco más de tiempo haciendo código para resoluciones (o navegadores) específicos.
Por cierto, para verificar el navegador pueden usar algo como...
Code:

if(navigator.appName == "Microsoft Internet Explorer"){
codigo para IE
}
else if (navigator.appName == "Netscape"){
codigo para Mozilla, Firefox y demas
}


Yo usualmente hago verificacion de resolucion para determinar ciertos anchos de columnas, tamaño de letra, posicion de algunos objetos, etc, y verifico los navegadores para determinados estilos CSS que funcionan en algunos pero en otros no, por ejemplo "opacity" y "filter=alpha(opacity=...)"
sandmanxyz
muchas gracias gente,superinteresante topic. La verdad es que la solución de l javascript ,e parece muy sencilla e intuitiva. Similar a un case de pascal o un switch de C.
dreamshunter
en realidad el formato de pantalla mas utilizado AHORA es el de 1024x768 y después el de 800x600, ya nadie (o CASI nadie) usa el de 600x400, y mejor así.

Hacer webs únicamente para resoluciones mayores de 1024 lo veo absurdo, el resto de la pantalla se rellena con un fondo de color o decorado y ya está, no hace falta que todo el contenido tenga que estar pegado a las paredes de la página, no es necesario y también hace daño a la vista.

además las resoluciones mayores se suelen usar para los portátiles, que tienen una pantalla más rectangular y por lo tanto menos espacio de alto, pero mas anchas. por lo que es mejor hacer la web digamos que a unos 950 pixeles de ancho, centrarla, y el resto dejarselo al fondo (configurado en css y con divs la página y a veces ni eso, no me seais cutres de seguir usando tablas...)
rebeltrooper
muy bien!!! pronto pondre un post con muchas herramientas para csss y esto me sirve.

gracias!!!! Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy
Related topics

problemas, la web no funciona
Accesibilidad en la web
La Web de la Flauta Dulce
[help] Sobre archivos comprimidos con contraseña
La Web 2.0 ¿vale realmente la pena?
aki esta mi website
fundamentos para diseñar un logo para la web
[help] Actualizando la web...
[soft] World of Warcraft la vision de un administrador Beta
fundamentos basicos de diseño web
Cual es tu web y de que.
promocion de mi sititio web www.bleed.tk
la pagina del millon de dolares
(var) la tolerancia de ciertos documentos en la web
[dis_web] 20 reglas para crear un sitio web exitoso
Reply to topic    Frihost Forum Index -> Language Forums -> Spanish

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.