elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
07 Octubre 2008, 23:44  



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderadores: дٳŦ٭, Red Mx)
| | |-+  Diseño reajustable.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: Diseño reajustable.  (Leído 282 veces)
19.5

Desconectado Desconectado

Mensajes: 65


Ver Perfil
Diseño reajustable.
« en: 31 Enero 2008, 18:29 »

Buenas.
Estoy creando el diseño de una página web en Photoshop, mas bien la plantilla completa para después poner el contenido sobre ella.
Mi duda es: ¿Cómo logro que en cualquier navegador la web completa, independientemente de la resolución de pantalla, se vea exactamente igual?

Muchas gracias.
En línea
se.oohaya

Desconectado Desconectado

Mensajes: 11



Ver Perfil
Re: Diseño reajustable.
« Respuesta #1 en: 31 Enero 2008, 22:05 »

Deberías utilizar CSS para conseguir lo que buscas.
En línea
Azielito
Administrado y
Moderador Global
*****
Conectado Conectado

Mensajes: 6.758


>.<


Ver Perfil WWW
Re: Diseño reajustable.
« Respuesta #2 en: 31 Enero 2008, 22:17 »

usando medidas de porcentaje en lugar de medidas fijas ej

Código
Medida exacta
<hr size="400">
 
Medida en porcentaje
<hr size="50%">
En línea


19.5

Desconectado Desconectado

Mensajes: 65


Ver Perfil
Re: Diseño reajustable.
« Respuesta #3 en: 01 Febrero 2008, 09:22 »

¿Cómo con CSS?

Pero al poner imágenes dimensionadas con porcentajes, no varía la calidad?

En línea
SirLanceCC

Desconectado Desconectado

Mensajes: 1.059


Equipo de Traducción


Ver Perfil WWW
Re: Diseño reajustable.
« Respuesta #4 en: 01 Febrero 2008, 16:21 »

Citar
¿Cómo logro que en cualquier navegador la web completa, independientemente de la resolución de pantalla, se vea exactamente igual?
No entiendo... ¿tu quieres que tu web se vea del mismo tamaño siempre o que tu web ocupe todo el espacio siempre?
Si es la primera usa un contenedor de ancho fijo
Si es la segunda usa un contenedor con ancho en porcentaje y para las imágenes tendrás que usar el atributo repeat de css, y experimentar con él para que quede bien.
En línea

19.5

Desconectado Desconectado

Mensajes: 65


Ver Perfil
Re: Diseño reajustable.
« Respuesta #5 en: 01 Febrero 2008, 20:53 »

Quiero que la página se vea igual en todos los navegadores, sin varias la calidad de las imágenes, como tampoco la organización de la misma:
Por ejemplo:

Entonces que la "Distancia" siempre se mantenga y que en "Contenido" se vea igual en todos los "Navegadores"

Gracias.
En línea
SirLanceCC

Desconectado Desconectado

Mensajes: 1.059


Equipo de Traducción


Ver Perfil WWW
Re: Diseño reajustable.
« Respuesta #6 en: 01 Febrero 2008, 21:02 »

Se vea igual ¡¿cómo?! (No se si soy yo pero no acabo de entender EXACTAMENTE que es lo que quires)
Mira esto y escoje que es lo que quieres. Lo rojo es tu web. Lo negro es la ventana del navegador.

Obviamente en ambos casos se trata de que los elementos y el estilo no se desacomoden.
En línea

741852

Conectado Conectado

Mensajes: 1.595


Central, Pont Aeri, Kontrol, Mansion, Masia...(L)


Ver Perfil
Re: Diseño reajustable.
« Respuesta #7 en: 01 Febrero 2008, 21:05 »

Aunque lo quieras hacer independientemente de la resolución de pantalla, siento decirte que la resolución también influye.. lo digo porque yo teniendo 800x600 lo noto bastante cuando me pongo en otro ordenador de una resolución mayor..
tendrías que basarte en los estándares web, códigos que sean visibles en todos los navegadores,etc.

salu2
En línea

since 1992 there's a club wich is making history, seven years later in 1999 it's still kicking!, PONT AERI!
..... and in 2008 IT'S STILL KICKING !!!
pont aeri siempre
hardcore for life [H4L]
Carxl

Desconectado Desconectado

Mensajes: 29


Intentando ser webmaster!!!


Ver Perfil WWW
Re: Diseño reajustable.
« Respuesta #8 en: 02 Febrero 2008, 06:36 »

Hola 19.5, cómo vas??

Mira, lo qué tu quieres lograr es un tema que siempre genera controversia ;D.

Hay quienes prefieren las medidas con porcentajes para no depender de la resolución de la pantalla y hacer una página "líquida"(es el concepto de páginas que no tiene medidas absolutas) y a quienes prefieren tener medidas absolutas, osea fijas.

Lo que te entiendo que quieres, es que no importe la resolución de la pantalla, osea que tu página debe ocupar toda la pantalla sea 800X600 ó 1024X768. Osea necesitas maquetar con porcentajes(maquetación líquida). Debes tener en cuenta una cosa con esta maquetación, las imágenes, te pueden llegar a presentar problemas sino no piensas en ellas.

Si no quieres complicarte, haz una maquetación fija, con medidas en píxeles. Esto conlleva a que tu página se vea del mismo tamaño, sea cual sea la resolución. Es decir, si le pones un ancho de 600px, pues en 800X600, te sobrarán 200px y en 1024X768 te sobrarán 424px.

Espero me entiendas :D, cualquier cosa, avisas y seguimos ;)

Saludos :-\
En línea

Hay 10 tipos de personas, los que entienden binario... y los que no!
Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC