elementos de fondo no se repiten

[akai]

Muy buenas chicos.

Tengo una plantilla que al visualizar en una ventana mas chica que el ancho predefenido, los elementos de fondo no se repiten horizontalmente al mover el scroll.



[URL="http://i.pixs.ru/storage/6/1/7/cap2011050_2266926_2143617.jpg"][img]http://i.pixs.ru/thumbs/6/1/7/cap2011050_2266926_2143617.jpg[/img][/url] <--- ventana normal

[url="http://i.pixs.ru/storage/6/1/6/cap2011050_9064658_2143616.jpg"][img]http://i.pixs.ru/thumbs/6/1/6/cap2011050_9064658_2143616.jpg[/img][/url] <--- ventana chiquita sin mover el scroll horizontal

[url="http://i.pixs.ru/storage/6/1/5/cap2011050_1969300_2143615.jpg"][img]http://i.pixs.ru/thumbs/6/1/5/cap2011050_1969300_2143615.jpg[/img][/url]<--- ventana chiquita despues de mover el scroll


Por favor, cualquier comentario me sirve mucho.
Desde ya muchas gracias.

Saludos.

[ArturoGallegos]

sin código es algo difícil ayudarte pero me imagino que el contenedor principal de tu sitio tiene el ancho al 100% colocale también un min-width con el ancho mínimo necesario para que tu sitio se vea correcto

[akai]

Probe de todo :( pero por ahora nada. Si alguien quiere y tiene tiempo les dejo:

www.terisha.com.ar/administrator -> user:cristal pass:cristal
[email protected] -> pass:cristal

\templates\yoo_vanilla\layouts\template.php <- llama al css, js
\templates\yoo_vanilla\css\layout.css

Nos es tan grave.. ya que si la ventana del browser es > 700px se ve perfecto (cuando el scroll horizontal no aparece). Pero quiero saber la causa, y una vez solucionado aumentar width de plantilla de 700 a 960.




Arigato!

[ArturoGallegos]

Amigo te recomiendo cambies a la brevedad esas contraseñas es muy malo que dejes esos accesos abiertos tan públicamente... nosotros solo necesitábamos ver tu sitio no tener acceso a el...

en fin mencionas que tu sitio se ve perfecto cuando la ventana es de 700px

viendo tu código te sugiero agregues en tu hoja de estilos layout.css

Código CSS:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 150%;
    color: #646566;
    position: relative; /*esto lo puedes borrar no se necesita en el body*/
        min-width:700px;
}
 

bien tu problema radica en que tu sitio esta tomando el 100%; de ancho siendo este el total del tamaño de tu ventana y el background solo se repite en este aun cuando el contenido supere el 100% tu opción es agregar un min-width para que el body siempre ocupe el 100%; pero cuando la ventana sea demasiado pequeña el body tome 700px como mínimo

Nota: como dato meramente informativo min-width no funciona en IE6 (aunque a estas alturas recomendaria dejar de dar soporte al mismo)

[akai]

Muchas gracias!! Y eso que lo habias puesto antes pero como no conocia el 'min-width' entre todas las cosas se me habia olvidado probarlo.. estoy en deuda contigo :P.

Solucionado!

Un abrazo a todos.