[SOLUCIONADO] Banners siempre visibles

[difilippocarlos]

Hola a todos, tengo la siguiente web
www.coop5.com.ar
Donde me piden agragar 2 banners (1 de cada lado) y que siempre esten visibles
es decir, al hacer scroll, que estos sigan la parte visual.
creo q se llaman flotantes no?

Espero q puedan ayudarme ya q es urgente jeje, gracias!

[pzin]

Es un tema de CSS. Te muevo el hilo para allá.

Flotar en CSS es otra cosa. Lo que quieres es que estén fijas. Entonces tendrás que usar el valor fixed para el posicionamiento:

Código CSS:

.publicidad_fija {
  position: fixed;
}
 

Y usar top/right/bottom/left para ajustar su posición.

[difilippocarlos]

Me queda bastante feo de esta forma...

ya eh visto en otras paginas que el banner si bien era visible todo el tiempo, al tener una pantalla mas chica no tapaba el contenido como lo hace la opcion que me estas mostrando...

ya lo probe asi y no me serviria...

[Rafael]

Pero ojo, lo que está mal en dado caso es toooodo el resto de tu código. Poner los dos anuncios fijos básicamente es como lo pone pzin. El Adaptarlos a tu página es eso, adaptarlos.

"Al tener una página más chica" es lo mismo que "Al tener un responsive design" y tu página no lo es. En el foro hay varios temas al respecto.

[difilippocarlos]

no entiendo nada jajajaja... que es un responsive desing...??

[Rafael]

Ese es el punto. De incio el código de pzin es correcto, incopleto para tu caso pero correcto.

Responsive design es que cuando hagas acordeón tu navegador (incluyendo otros dispositivos), el interior se haga chiquito, y grandote, se adapte, se acomode, etc. Te pongo urn link de ejemplo. Estiralo y restiralo.

http://stuffandnonsense.co.uk/

El cómo se hace es complejo, y tienes que re armar mucho del código de tu site.

Busca "responsive design", y "diseño responsivo, adaptable", en el foro. Hay varios links a tutoriales.

[difilippocarlos]

y otra pregunta... con el z-index se pueden superponer divs...


como hago para que en caso de achicar la pantalla... los banners se oculten atras del conenido principal... es decir "desaparezcan"

no se si se entiende...

[Rafael]

Prueba poniendo

Código HTML:

<div style="z-index: -10">
 

Esto dependerá de si hay otras cosas ahí con z index.

Trata poniendo los anuncios hasta arriba de tu código. Lo que aparece después normalmente tiende a encimarse a lo que aparece antes.

Prueba también ponerlos como background del body o algo así.

[difilippocarlos]

Muchas Gracias...

Ya logre solucionar el problema, quedarian mas detalles a pulir pero creo que puedo marcarlo como solucionado ya