Colocar banner fuera del body

[vistor92]

Hola muy buenas,

He estado buscando pero no he conseguido ver como se realiza lo siguiente:

Quiero colocar un banner fuera del body, al lado de lo que es el cuerpo de la web y no tengo ni idea de como hacerlo sin que se me descuadre todo.

Adjunto una captura para verlo mejor.


Muchas gracias de antemano,

Un saludo!

[mauritosuarez]

Hola vistor92 prueba de esta manera

Agrega este código dentro del body.

Código HTML:

<!--Style Switcher-->
        <div id="style-switcher">
        <!--<h1>Compartir</h1>-->
        <ul>
            Aqui va contenido que tu quieras
        </ul>
        </div><!--End Style Switcher-->
    
        <!--Style Switcher-->
        <div id="style-switcher2">
        <!--<h1>Compartir</h1>-->
        <ul>
            Aqui va contenido que tu quieras
        </ul>
        </div><!--End Style Switcher-->
 

Css

Código HTML:

<style>
#style-switcher {
    position:fixed;
    z-index:99999;
    top:150px;
    right:-1px;
    width:222px;
    height: 580px;
    background:#fff;
    padding:10px;
    border:1px solid #ddd;
}
#style-switcher2 {
    position:fixed;
    z-index:99999;
    top:150px;
    left:-1px;
    width:222px;
    height: 580px;
    background:#fff;
    padding:10px;
    border:1px solid #ddd;
}
</style>
 

Espero te sirva.

Saludos.

[vistor92]

Buenas,

Muchas gracias por tu respuesta mauritosuarez, he realizado lo que me has dicho y sale el banner perfectamente. Pero tengo un problema, y es que el slide de las imágenes se me va hacia la izquierda y queda descuadrada la web.

Te dejo una foto para que lo veas.


Muchas gracias por tu ayuda!!!
Un saludo.

[Rafael]

En este foro no está permitido publicar cosas solamente para que tu tema otra vez esté arriba.

La gente no contestó porque nadie puede adivinar qué sucede en tu página. Tienes que analizar las cosas y pegar una duda muy concreta.

Para ese caso probablemente te falte un contenedor. ¿Cual contenedor y dónde está? No lo sé, ese es el tipo de cosas que no puede uno adivinar. Pon una parte resumida del código específico y se te podrá orientar de una mejor manera.

[Rafael]

Ojo. Otra cosa. En tu post inicial preguntas que quieres "colocar un banner fuera del body"

No se puede poner Nada fuera del body. Esto lo comento por una cosa. En general no estás entendiendo este concepto de contenedor.

¿Hasta dónde está limitado mi contenido? Diagrama eso en un papel, y luego haces los div correspondiente. Estos div se desbordan a veces si no tienes un width definido, o un position, aunque sea relative, por ejemplo y a veces hace falta un overflow.