Foros del Web » Creando para Internet » HTML »

Mantener tamaño en cualquier resolucion

Estas en el tema de Mantener tamaño en cualquier resolucion en el foro de HTML en Foros del Web. Hola tengo un pequeño problema lo que pasa es que mi web la e probado en varios tamaño de resolucion y en varios computadores y ...
  #1 (permalink)  
Antiguo 11/01/2013, 18:07
 
Fecha de Ingreso: enero-2012
Mensajes: 39
Antigüedad: 12 años, 2 meses
Puntos: 1
Mantener tamaño en cualquier resolucion

Hola tengo un pequeño problema lo que pasa es que mi web la e probado en varios tamaño de resolucion y en varios computadores y aveces la resolucion daña algunos aspectos ... quiero saber como puedo hacer para que en todas las resoluciones y navegadores mantenga un tamaño fijo. Gracias.
  #2 (permalink)  
Antiguo 11/01/2013, 18:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Mantener tamaño en cualquier resolucion

Tamaño fijo es tamaño fijo.

Sólo tienes que poner un contenedor que tengo un ancho del tamaño que quieras.

Código HTML:
Ver original
  1. <div id="contenedor">
  2. tu página
  3. </div>

Código CSS:
Ver original
  1. div#contenedor {
  2.   width: 960px;
  3. }

Así siempre se verá igual en cualquier resolución. Esto no es muy recomendable, aunque sea más fácil hacer la web, porque en estos últimos años el uso de dispositivos móviles está siempre en aumento. De ahí que la técnica del Responsive Web Design sea cada vez más habitual y se esté normalizando —si es que no lo es ya.
  #3 (permalink)  
Antiguo 12/01/2013, 16:44
 
Fecha de Ingreso: julio-2012
Mensajes: 10
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Mantener tamaño en cualquier resolucion

Cita:
en todas las resoluciones y navegadores mantenga un tamaño fijo. Gracias.
para hacer lo que dices en esta frase yo no se
pero si lo que quieres es que mantenga sus proporciones en diferente pantallas puedes hacer esto
mi pagina funciona desde celulares hasta Imacs

mira te paso mi código que me costo siglos lograr si tienes problemas para modificarlo me dices
solo le tienes que cambiar la imagen:

body{
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../images/imagenes_portadas/fondo.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
padding: 1px;
height: 98%;
width: 98%;
position: absolute;
overflow: scroll;
;
}

Última edición por usuarioweb; 12/01/2013 a las 16:50
  #4 (permalink)  
Antiguo 13/01/2013, 10:15
 
Fecha de Ingreso: enero-2012
Mensajes: 39
Antigüedad: 12 años, 2 meses
Puntos: 1
Respuesta: Mantener tamaño en cualquier resolucion

Cita:
Iniciado por usuarioweb Ver Mensaje
para hacer lo que dices en esta frase yo no se
pero si lo que quieres es que mantenga sus proporciones en diferente pantallas puedes hacer esto
mi pagina funciona desde celulares hasta Imacs

mira te paso mi código que me costo siglos lograr si tienes problemas para modificarlo me dices
solo le tienes que cambiar la imagen:

body{
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../images/imagenes_portadas/fondo.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
padding: 1px;
height: 98%;
width: 98%;
position: absolute;
overflow: scroll;
;
}
me funciono perfectamente amigoo Gracias !

Etiquetas: tamaño
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 03:45.