BandaAncha

  • 🔍 en 📰 artículos ⏎
  • 🔍 en 💬 foros ⏎
  • 🔍 en 👇 este 💬 foro ⏎
  • 🔍 en 👇 este 💬 tema ⏎
Regístrate Regístrate Identifícate Identifícate

problemas con imagen de <div>

oreretaboy

Hola a todos:

Tengo un pequeño problema que se que me lo vais a saber solucionar enseguida. El problema es el siguiente:

Tengo un div (el cuerpo, la cabecera y el pie vienen a través de usercontrols de aspx) en el cual tengo puesto como fondo una imagen. Dentro de ese div tengo otros div para poder hacer la estructura en esa parte de la web. Pues bien el problema es que si el div que esta dentro del div(osea el div de la estructura) es mas largo que el div que lo contiene, el pie se va para abajo, como tiene que hacerlo pero la imagen de fondo se queda arriba, como si estuviese alineada a la parte superior.

El div que tiene la imagen de fondo tiene el siguiente código css:

#intermedio{

background-position: center bottom;

min-height: 500px;

background-image: url('../../images/fondo.jpg');

background-repeat: no-repeat;

background-color: White;

}

El div que esta dentro del div para hacer la estructura tiene el siguiente código css

#izquierda{

float: left;

width: 250px;

color: #000000;

}

El código html para hacer el div dentro del div es el siguiente:

Si necesitáis mas información no dudéis en comunicármelo. Gracias a todos los que puedan aportar su granito de arena a esta gran montaña de problemas que me ha generado este "desconocimiento".

Muchas gracias

BocaDePez

Precisamente le has puesto "background-repeat: no-repeat", es decir, que no hace un mosaico y por tanto la imagen aparece sólo una vez.

Te refieres a que la imagen es muy grande y por tanto te resulta suficiente con centrarla en la pagina solo una vez?

🗨️ 1
oreretaboy

exacto. tiene que estar en "no-repeat" ya que la imagen como tal es un efecto de agua que en la parte inferior se ve como cae la gota y hacia la parte superior se va poniendo blanco, entonces tengo puesto que el fondo, para cuando se acabe la imagen, sea blanco y no haga un efecto raro. La imagen esta alineada en el centro de la parte inferior,y como tal debería de ir corriendo hacia abajo, que es el problema que tengo.

El problema lo e detectado que si no tengo div dentro de div la imagen va corriendo hacia abajo sin ningún tipo de problema y todo lo que necesite, pero en el momento que le meto un div dentro de un div ya no va hacia abajo por mucho que quiera. Yo creo que el problema es que le tengo que decir de alguna manera al div dentro del div, cual es el padre para que vaya tirando la imagen para abajo.

Muchas gracias por contestar.

LineBenchmark

Uhmmm, no te entiendo muy bien que es lo que quieres, pero quizás es porque te falta por añadir "overflow: auto;" en #intermedio.

Saludos.

laTok

Después del div #izquierda y antes de la etiqueta de cierre del div que lo contiene, añade un div vacio que tenga style="clear:both;" y nos cuentas si se soluciona el problema.