Foros del Web » Creando para Internet » HTML »

resolucion de pantalla

Estas en el tema de resolucion de pantalla en el foro de HTML en Foros del Web. hola estoy haciendo una pagina con dw y photoshop, el tema es que si tengo el monitor configurado en 800x600 la pagina se ve de ...
  #1 (permalink)  
Antiguo 02/04/2009, 18:21
 
Fecha de Ingreso: junio-2006
Mensajes: 166
Antigüedad: 11 años, 6 meses
Puntos: 3
resolucion de pantalla

hola estoy haciendo una pagina con dw y photoshop, el tema es que si tengo el monitor configurado en 800x600 la pagina se ve de una manera y si lo tengo en 1024x768 se ve de otra manera. mi pregunta es si hay alguna forma de estandarizar esto para que se vea de la misma manera, segun cual fuere la resolucion.
saludos y muchas gracias de antemano
  #2 (permalink)  
Antiguo 02/04/2009, 18:29
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: resolucion de pantalla

Bueno, te diré lo que yo hago: defino un ancho determinado, así, cual sea la resolución se verá igual. Bueno, casi igual. Actualmente no hay muchas personas que tengan el monitor a 800x600 así que mejor básate a los 1024x768 para definir un ancho determinado.
  #3 (permalink)  
Antiguo 03/04/2009, 07:46
 
Fecha de Ingreso: junio-2006
Mensajes: 166
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: resolucion de pantalla

y con css no se puede hacer? he leido algo de los porcentajes, pero como mi web tiene una tabla y varias filas se me complico un poco, por otro lado vi los porcentajes tambien en los div...
por cierto un pixel a cuanto equivale en porcentaje? para sacar la proporcion
  #4 (permalink)  
Antiguo 03/04/2009, 13:48
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: resolucion de pantalla

Si se puede, pero mira, no siempre resulta, qué te parece si hay una foto? esa foto no va a variar de tamaño, aunque si se podría, si lo haces variar de tamaño se va a ver mal, se deforma un poco. Yo siempre lo hago como te dije y quedan bien.
  #5 (permalink)  
Antiguo 03/04/2009, 18:50
 
Fecha de Ingreso: abril-2009
Mensajes: 1
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: resolucion de pantalla

Te recomiendo crear páginas web con ancho promedio de 950 px. Es lo que yo uso y me va bien.
  #6 (permalink)  
Antiguo 03/04/2009, 19:57
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: resolucion de pantalla

claro que si se puede hacer con css, tienes 2 opciones,si te fijas las paginas que se ve bien a 800x600 o es por que están hechas con medidas porcentuales o con medidas fijas donde el limite máximo de ancho se lo que entre en la resolución.

Cuando yo trabajo con medidas fijas hago las webs a 770px de ancho para que se vean bien ya que de los 800px tienes que descontar barras de scroll y ventana del navegador. Aquí un ejemplo:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. *{margin:0; padding:0;}
  7. #contenedor{width:770px; height:auto; overflow:auto; margin:0 auto;}
  8. #cabecera{width:770px; height:100px; background-color:#333;text-align:center;}
  9. #contenido{width:770px; height:auto; overflow:auto;}
  10. #izq{width:150px; height:300px; float:left; background-color:#666;}
  11. #der{width:150px; height:300px; float:right; background-color:#666;}
  12. #centro{width:470px; height:300px; float:left; background-color:#999;}
  13. #pie{width:770px; height:50px; background-color:#CCC; clear:both; text-align:center;}
  14. </head>
  15.  
  16. <div id="contenedor">
  17.     <div id="cabecera">Cabecera</div>
  18.     <div id="contenido">
  19.         <div id="izq"></div>
  20.         <div id="centro"></div>
  21.         <div id="der"></div>
  22.     </div>
  23.     <div id="pie">pie</div>
  24. </div>
  25. </body>
  26. </html>

La otra es trabajar un diseño líquido o sea en porcentajes, o sea que se ajuste a la medida del usuario.Un ejemplo:
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. *{margin:0; padding:0;}
  7. #contenedor{ width:100%; height:auto; overflow:auto;}
  8. #cabecera{width:100%; height:100px; background-color:#333;text-align:center;}
  9. #contenido{width:100%; height:auto; overflow:auto;}
  10. #izq{width:150px; height:300px; float:left; background-color:#666;}
  11. #der{width:150px; height:300px; float:right; background-color:#666;}
  12. #centro{height:300px;background-color:#999;}
  13. #pie{width:100%; height:50px; background-color:#CCC; clear:both; text-align:center;}
  14. </head>
  15.  
  16. <div id="contenedor">
  17.     <div id="cabecera">Cabecera</div>
  18.     <div id="contenido">
  19.         <div id="der"></div>
  20.         <div id="izq"></div>
  21.         <div id="centro"></div>    
  22.     </div>
  23.     <div id="pie">pie</div>
  24. </div>
  25. </body>
  26. </html>

espero te sirva
__________________
WFC
codigo82
  #7 (permalink)  
Antiguo 07/04/2009, 09:27
 
Fecha de Ingreso: junio-2006
Mensajes: 166
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: resolucion de pantalla

gracias me ha sido de utilidad creo que me tiro por la opcion 2!!!
  #8 (permalink)  
Antiguo 07/04/2009, 09:30
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: resolucion de pantalla

pues me alegro que sirva, solo no olvides una cosa, eso solo es un ejemplo, lo que trato de decir es que no te rijas a eso, y a que es solamente un ejemplo de lo que puedes llegar a crear con eso
__________________
WFC
codigo82
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:34.