Olá,
Estou tentando fazer com que o banner lateral pare antes de ficar por cima do footer conforme imagem abaixo, porem não consegui encontrar um meio que faça essa ficar fixada na lateral da pagina e não fique por cima do footer da pagina.
Codigo HTML:
<section class="noticia">
<header>
<h1>titulo noticia</h1>
</header>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non mauris mi. Sed a ullamcorper massa. Nulla sed efficitur odio, id porttitor mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut porttitor tincidunt magna, at molestie libero pretium a. Duis placerat pretium fermentum. Mauris facilisis, erat ac accumsan ultrices, nunc mauris blandit risus, at venenatis ipsum ipsum ut lectus. In ac rhoncus felis. Suspendisse facilisis convallis condimentum. Donec volutpat lorem nec neque commodo luctus. Donec tempor facilisis varius.</p>
</article>
<div class="fixo">
<img src="images/imagem300x250.png"/>
</div>
</section>
Código CSS:
.fixo {
z-index: 99;
position: fixed;
top: 380px;
left: 75%;
display: inline-block;
}