Tema: Expander Div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/02/2012, 17:32
ra120354
 
Fecha de Ingreso: febrero-2012
Ubicación: N/A
Mensajes: 54
Antigüedad: 12 años, 3 meses
Puntos: 0
Expander Div

Hola vereis en mi pagina hecha con dreamweaver tengo un div de (645x70px) en el cual muestro de forma aleatoria banners de esas medidas.
Mi problema es que ahora tengo que incluir y mezclar con los mismos banners que tienen otra medida distinta (760x100px) de forma que todos ellos se vean bien.

Este mi código CSS:
Código HTML:
Ver original
  1. #DivBannerIndex {
  2.     position:absolute;
  3.     width:645px;
  4.     height:70px;
  5.     z-index:12;
  6.     left: 205px;
  7.     top: 175px;
  8. }
  9. .banner_aleatorio{
  10.     height:70px;
  11.     width:645px;
  12.     position:absolute;
  13. }

Y este mi código donde muestro los banners aleatorios:
Código HTML:
Ver original
  1. <!--Esto va al principio-->
  2. <script type="text/javascript" src="BannerIndex/BannerAleatorio.js"></script>
  3.  
  4. <!-- Esto va en el Body-->
  5. <div id="DivBannerIndex">
  6.                <div id="banner1" class="banner_aleatorio"></div>
  7.                <div id="banner2" class="banner_aleatorio"></div>
  8.    </div>

Pues el problema es que si al div (DivBannerIndex) le doy las medidas:
width:760px;
height:100px;
los banners de (760x100px) salen bien
los banners de 645x70px me salen completo y luego se repite una parte del mismo a la derecha hasta completar el hueco del div por decirlo de alguna forma y hacia abajo ocurre lo mismo hasta completar tambien el tamaño del div.
lo que quiero es que el div se expanda cuando sale un banner mas grande y vuelva a su tamaño cuando el banner sea el pequeño.
NOTA: no necesito que desplace el resto del contenido de la página ya que al lado y abajo no hay nada.

Bueno espero haberme esplicado.

un saludo