Foros del Web » Creando para Internet » CSS »

mi web se descuadra al minimizar

Estas en el tema de mi web se descuadra al minimizar en el foro de CSS en Foros del Web. Hola a todos, soy nuevo en este foro, así que espero explicarme lo mejor posible. Estoy diseñando una web en joomla y ya casi he ...
  #1 (permalink)  
Antiguo 16/11/2011, 05:41
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Pregunta mi web se descuadra al minimizar

Hola a todos, soy nuevo en este foro, así que espero explicarme lo mejor posible.
Estoy diseñando una web en joomla y ya casi he conseguido dejarla como quiero, pero ahora mi problema es que cuando minimizo, el ancho de la web se acorta por la derecha, y me gustaría que no fuese así.
Adjunto una captura de mi web minimizada.
Muchas gracias de antemano.
Daniel
  #2 (permalink)  
Antiguo 16/11/2011, 05:53
 
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 295
Antigüedad: 11 años, 7 meses
Puntos: 12
Respuesta: mi web se descuadra al minimizar

puedes intentar utilizar las medidas por porcentajes. Así, aunque minimices, siempre la medida de los objetos de tu web dependen de los píxeles de la ventana que tengas abierta y se queda todo en proporción a como se ve en grande
  #3 (permalink)  
Antiguo 16/11/2011, 06:01
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Aquí esta la captura
  #4 (permalink)  
Antiguo 16/11/2011, 06:10
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Hola educacanis, gracias por tu respuesta, tengo puesto width:100% a esas capas que se recortan por la derecha.
__________________
Diseño Web Jaén
  #5 (permalink)  
Antiguo 16/11/2011, 08:28
 
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 295
Antigüedad: 11 años, 7 meses
Puntos: 12
Respuesta: mi web se descuadra al minimizar

pon el código css que afecta a esos campos a ver si podemos encontrar el error
  #6 (permalink)  
Antiguo 16/11/2011, 09:03
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Hola, muchas gracias educacanis, mañana a primera hora pondré el código css, ya que lo tengo en local en la oficina y hasta mañana no vuelvo.
Saludos y gracias de nuevo
  #7 (permalink)  
Antiguo 16/11/2011, 11:45
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 11 años, 1 mes
Puntos: 116
Respuesta: mi web se descuadra al minimizar

seguramente el texto que dice "soluciones para geoilizacion...." y el video de youtube, estan en el mismo contenedor (div)

y el video, esta flotado a la izquierda, y este supera el ancho restannte del main, haciendolo "mas grande" por así decirlo, y haciendo mostrar el scroll horizontal.
__________________
Programador jQuery & PHP
  #8 (permalink)  
Antiguo 16/11/2011, 12:11
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Muchas gracias por tu respuesta ZoroRoronoa, pruebo y te comento qué tal fue la cosa.
Saludos,
Daniel
  #9 (permalink)  
Antiguo 17/11/2011, 04:49
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Pregunta Respuesta: mi web se descuadra al minimizar

Hola, este es el código css:
Código PHP:
#all /*Esta capa engloba toda la web*/
{
    
overflow:visible;
    
background#FFFFFF;
    
color#000000;
    
font-size0.9em;
    
margin:0 auto;
    
width:100%;
    
text-alignleft;
    
float:center;
    
z-index:0;
}
#contentarea2 { /*Esta capa contiene la imagen del móvil y el vídeo*/
    
border0 solid #000000;
    
margin: -200PX AUTO;
    
overflowvisible;
    
padding0 0 850px;
    
positionrelative;
    
width890px;

ZoroRoronoa lo que dices creo no puede ser porque a otras "subpáginas" de mi web, que no contienen este vídeo, les sucede lo mismo...
Saludos,
Daniel
  #10 (permalink)  
Antiguo 17/11/2011, 05:03
 
Fecha de Ingreso: noviembre-2011
Ubicación: Ciudad Real
Mensajes: 8
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: mi web se descuadra al minimizar

dani lo q ocurre es q no estás entendiendo el significado de "width:100%" porque lo que dices es lógico.

Cuando pones un porcentaje en anchura, se refiere a un porcentaje RELATIVO al elemento PADRE. Si ningún elemento anterior a #all tiene definida su anchura, entonces es relativo a la anchura del navegador. Por ejemplo si estás en una pantalla pequeña de 800px de ancho, la anchura de #all será 800píxeles. Si metes contenido de 900px, habrá 100px de ancho en los que #all no estará, porque el 100% le hace referencia a lo que va antes y no a lo que va después.

Lo únino que tienes que hacer es quitar lo de width:100%, y utilizar la anchura por defecto (width:auto) ya que lo eslementos "block" expanden su anchura al máximo de forma natural .

De todos modos la mejor solución es utilizar una anchura fija (por ejemplo #all {width:960px; margin:0 auto}, las anchura fluidas (width:100%) no ofrecen tantas posibilidades de diseño ya solo se utilizan en foros.
  #11 (permalink)  
Antiguo 17/11/2011, 05:55
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Hola sergiozx, he hecho lo que dices y sigue igual, recortando por la derecha...
Lo que pasa es que necesito que la web se ajuste a la pantalla del usuario
  #12 (permalink)  
Antiguo 20/11/2011, 16:34
Avatar de francisco93  
Fecha de Ingreso: julio-2011
Ubicación: Soy ciudadano del mundo, pero vivo en Canarias :)
Mensajes: 58
Antigüedad: 10 años, 10 meses
Puntos: 1
Respuesta: mi web se descuadra al minimizar

Cita:
Iniciado por garciasanchezdani Ver Mensaje
Hola sergiozx, he hecho lo que dices y sigue igual, recortando por la derecha...
Lo que pasa es que necesito que la web se ajuste a la pantalla del usuario
Para eso vas a necesitar utilizar la propiedad css position:fixed intentalo y comenta que tal
  #13 (permalink)  
Antiguo 21/11/2011, 02:25
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Respuesta: mi web se descuadra al minimizar

Gracias francisco93, he probado eso, pero no funciona.
  #14 (permalink)  
Antiguo 21/11/2011, 22:45
 
Fecha de Ingreso: octubre-2011
Ubicación: oaxaca
Mensajes: 42
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: mi web se descuadra al minimizar

hola bueno yo apneas empieso esto y he tenido problemas iguales, primero con lo que leido aqui y alal y sobre todo en este foro para mi caso y espero que tambien para el tuyo es que metas todo en un div padre asi podras modificar todo cuando cambies el tamaño de la venta o l des control + "+" esto me lo emcionaron para una web que cambien de tañao junto y/o relacion de la ventana supngo que tambien se aplica aqui y lo segundo es mas recomentable usar medidas fijas que los porcentajes por deacuerdo al navegador esto traera problemas, igual los pixeles pero menos que los porcentajesesto ultimo lo he encontrado en paginas de diseño web espero esto te ayude
  #15 (permalink)  
Antiguo 22/11/2011, 02:23
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 10 años, 6 meses
Puntos: 51
Exclamación Respuesta: mi web se descuadra al minimizar

Gracias chivassa por tu ayuda, lo que pasa es que mi web debe ajustarse a la pantalla del pc, por tanto, no puedo poner medidas fijas, porque si así lo hago entonces no se ajustará a la pantalla en todos los casos; mientras que con porcentajes sí lo hace.
Mi capa "padre" es all, y le pongo width 100% para que se ajuste a la pantalla.
Código CSS:
Ver original
  1. #all /*Esta capa engloba toda la web*/
  2. {
  3.     overflow:visible;
  4.     background: #FFFFFF;
  5.     color: #000000;
  6.     font-size: 0.9em;
  7.     margin:0 auto;
  8.     width:100%;
  9.     text-align: left;
  10.     float:center;
  11.     z-index:0;
  12. }
No sé qué puede causar este descuadre por la derecha...gracias de nuevo chivassa
Saludos
  #16 (permalink)  
Antiguo 28/11/2011, 13:30
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: mi web se descuadra al minimizar

tenia un problema similiar..
aumenta en el all, line-height: 100%; espero que te sirva
suerte xD
  #17 (permalink)  
Antiguo 28/11/2011, 14:52
Avatar de southern  
Fecha de Ingreso: abril-2010
Ubicación: Madrid <=> Lanzarote
Mensajes: 44
Antigüedad: 12 años
Puntos: 5
Respuesta: mi web se descuadra al minimizar

Jummm, puede que no esté entendiendo bien la cosa, pero si pones un width en porcentaje, y a un contenedor que está dentro de ese le especificas un width en pixels puede darse el caso de que al minimizar, el del 100% se muestre bien, pero el que lo tiene especificado a 890px puede superar el ancho disponible en el navegador y por eso se corta... No sé si me he explicado bien jejeje
__________________
De bien nacido es ser agradecido. Agradécelo si te ayudé :)

Etiquetas: ancho, descuadra, minimizar
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 08:45.