mi web se descuadra al minimizar

[garciasanchezdani]

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

[educacanis]

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

[garciasanchezdani]

Aquí esta la captura

[garciasanchezdani]

Hola educacanis, gracias por tu respuesta, tengo puesto width:100% a esas capas que se recortan por la derecha.

[educacanis]

pon el código css que afecta a esos campos a ver si podemos encontrar el error

[garciasanchezdani]

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

[ZoroRoronoa]

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.

[garciasanchezdani]

Muchas gracias por tu respuesta ZoroRoronoa, pruebo y te comento qué tal fue la cosa.
Saludos,
Daniel

[garciasanchezdani]

Hola, este es el código css:

Código PHP:

  #all /*Esta capa engloba toda la web*/
{
    overflow:visible;
    background: #FFFFFF;
    color: #000000;
    font-size: 0.9em;
    margin:0 auto;
    width:100%;
    text-align: left;
    float:center;
    z-index:0;
}
#contentarea2 { /*Esta capa contiene la imagen del móvil y el vídeo*/
    border: 0 solid #000000;
    margin: -200PX AUTO;
    overflow: visible;
    padding: 0 0 850px;
    position: relative;
    width: 890px;
} 
   

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

[sergiozx]

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.

[garciasanchezdani]

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

[francisco93]

Iniciado por garciasanchezdani

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

[garciasanchezdani]

Gracias francisco93, he probado eso, pero no funciona.

[chivassa]

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

[garciasanchezdani]

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:

#all /*Esta capa engloba toda la web*/
{
    overflow:visible;
    background: #FFFFFF;
    color: #000000;
    font-size: 0.9em;
    margin:0 auto;
    width:100%;
    text-align: left;
    float:center;
    z-index:0;
}
 

No sé qué puede causar este descuadre por la derecha...gracias de nuevo chivassa
Saludos

[willybs04]

tenia un problema similiar..
aumenta en el all, line-height: 100%; espero que te sirva
suerte xD

[southern]

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