Comunidad de diseño web y desarrollo en internet online

Expander div

Citar            
MensajeEscrito el 21 Feb 2012 08:57 am
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 :

1.#DivBannerIndex {
position:absolute;
width:645px;
height:70px;
z-index:12;
left: 205px;
top: 175px;
}


.banner_aleatorio{
height:70px;
width:645px;
position:absolute;
}


Y este mi código donde muestro los banners aleatorios:

Código HTML :

<!--Esto va al principio-->
script type="text/javascript" src="BannerIndex/BannerAleatorio.js"></script>
<!-- Esto va en el Body-->
<div id="DivBannerIndex">
<div id="banner1" class="banner_aleatorio"></div>
<div id="banner2" class="banner_aleatorio"></div>
</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.

Por Ra120354

12 de clabLevel



 

msie8
Citar            
MensajeEscrito el 21 Feb 2012 11:23 pm
¿Las imágenes las estás mostrando como background de esos divs?, si es así, entonces pon:

Código :

background-repear: no-repeat;
background-position: center center;

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 22 Feb 2012 12:47 am
Se, es el problema con esos programas. Te está poniendo los banners como backgrounds y no debería de ser así. Haz lo que te dijo DriverOp o agrega los banners de manera manual con imágenes <img src=" " />.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome
Citar            
MensajeEscrito el 22 Feb 2012 09:28 am
Gracias a los dos.

Ya funciona perfectamente, la verdad es que no se, como no se me habia ocurrido porque es algo que he hecho muchas veces en otros sitios, estaria ofuscado cuando trataba de encontrar la solución.

Bueno me repito mil gracias por vuestra ayuda.

Un saludo.

Por Ra120354

12 de clabLevel



 

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.