Foros del Web » Creando para Internet » CSS »

Problema con CSS al reducir resolucion pantalla

Estas en el tema de Problema con CSS al reducir resolucion pantalla en el foro de CSS en Foros del Web. Hola amigos, A ver si les ha pasado. Resulta que tengo un sitio web como el que adjunto la captura de pantalla que cuando reduzco ...
  #1 (permalink)  
Antiguo 11/05/2015, 07:45
Avatar de datcom  
Fecha de Ingreso: enero-2011
Ubicación: Universo local, Vía láctea, Planeta Azul.
Mensajes: 216
Antigüedad: 13 años, 9 meses
Puntos: 0
Problema con CSS al reducir resolucion pantalla

Hola amigos,
A ver si les ha pasado.

Resulta que tengo un sitio web como el que adjunto la captura de pantalla que cuando reduzco la resolución, con un ancho de dispositivo por ejemplo, parte de los estilos se cortan.

Es como que no hay una continuidad en el menu, el fondo se corta y el menu sigue a lo ancho.

Que puede ser?
gracias

sds
__________________
De la Luz venimos, y hacia la Luz vamos.
Solo hay una sola verdad, y esa es el Amor.
Ayuda aquien tienes al lado y seras ayudado.
Ánimo!
  #2 (permalink)  
Antiguo 11/05/2015, 09:16
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Respuesta: Problema con CSS al reducir resolucion pantalla

Para poder ayudarte es necesario ver el HTML y el CSS para ver donde esta el problema.
  #3 (permalink)  
Antiguo 13/05/2015, 08:26
 
Fecha de Ingreso: agosto-2013
Mensajes: 10
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Problema con CSS al reducir resolucion pantalla

Hola amigo, si tu problema esta en que tienes una foto de fondo y quieres que te ocupe toda la pantalla pero al cambiar el tamaño del navegador o resolución se te corta o te sale mal, una solución seria este código:

background: url(RUTA DE LA IMAGEN) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 250px; // INDICA en px el tamaño de altura
width: 100%; // INDICA en % el tamaño de ancho
background-color: #838383; // COLOR DE PRE CARGA
  #4 (permalink)  
Antiguo 13/05/2015, 08:42
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Respuesta: Problema con CSS al reducir resolucion pantalla

Cita:
Iniciado por Khelgar Ver Mensaje
Hola amigo, si tu problema esta en que tienes una foto de fondo y quieres que te ocupe toda la pantalla pero al cambiar el tamaño del navegador o resolución se te corta o te sale mal, una solución seria este código:

background: url(RUTA DE LA IMAGEN) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 250px; // INDICA en px el tamaño de altura
width: 100%; // INDICA en % el tamaño de ancho
background-color: #838383; // COLOR DE PRE CARGA
Eso no es problema de fondo parece mas que la capa tiene un tamaño menor al contenedor y no el total. pero sin codigo no podemos resolver nada

Etiquetas: pantalla, reducir
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 16:06.