[SOLUCIONADO] problema con colocar un background completo

[xoceunder]

hola es que tengo dos div

uno es para el cuadro y el tamano
y el otro es para el background a mostrar pero no sale completoen la para ya que quiero que se muestre en toda la web

hay dejo una imagen

[JairLizcano]

Te recomiendo que utilices la propiedad: background-size.

Código:

.Container {

   background-image: url('image.jpg');
   background-size: 100%;
   background-repeat: no-repeat;
}

Buena suerte.

[xoceunder]

muchas gracis me funciono pero haora en el tamano sale asi



haora me ase falta que siempre salga en la parte de abajo

[pzin]

Seguramente algo de esto te pueda valer.

[xoceunder]

Iniciado por Bonez

Seguramente algo de esto te pueda valer.

nada de eso me funciono sige higual

[pzin]

Iniciado por xoceunder

nada de eso me funciono sige higual

¿Qué probaste exactamente de eso?

[xoceunder]

todo amigo

[pzin]

A ver a ver... Pon el código que has probado y miramos y te decimos qué es lo que haces mal.

[xoceunder]

aqui esta lo que estoy utilizando

Código CSS:

#banner {
    background: url("{vb:stylevar titleimage}") no-repeat left top #FE7B09;
    height: 250px;
    background-size: 100%;
    background-attachment: inherit;
}
 

[xoceunder]

nadie sabe como solucionar para que el baner salga completo

[memoadian]

reduce el alto de tu header o aumenta el alto de tu banner

es imposible que el background se adapte totalmente a un tamaño diferente sin deformarse. o cortarse.

[xoceunder]

es que el problema es cuando subo la resolucion o la bajo se nota la foto no hace que siga aumentando higual

[memoadian]

cuando se baja la resolución, lo que disminuye es el ancho.

por lo que podrias usar bckground-size:cover

y usar el banner como background, pero esto tiene un limite.

para que quede muy bien tendrías que usar mediaqueries, y un banner distinto según la resolución. Con 3 funcionaria. Es cosa de que vayas probando, de todos modos, un resultado perfecto no lo vas a obtener.

otra buena solución es hacer el banner más alto que el header y de este modo cuando se cambie la resolución, se ira adaptando al contenedor, pero pasa lo mismo, no es una solución general para todo.

¿que mas? bueno en vez de usar el banner como una sola imagen, puedes separar el background del texto de este modo aunque se deforme un poco el background, el logo no.

[xoceunder]

muchas gracias me funciono

background-size:cover