Widget sem barra de rolagem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Widget sem barra de rolagem

Mensagem por Aesthesys em 25/07/14, 02:08 pm


  • Descrição:

Olá meus queridos forumeiros!

Podem me ajudar com meu código CSS? O Widget esquerdo tem a barra de rolagem overflow: auto, mas eu gostaria que ele acompanhasse o fórum até lá em baixo. Tentei com fixed e relative... a barra de rolagem some mas o widget fica com a imagem travada na tela. Não consigo visualizar todo o widget conforme eu desço o fórum.

Como eu faço para deixá-lo assim?

O código do widget é esse:

.module .h3 {
visibility:hidden;
display:none;
}

#content-container div#left {
   background-position: center bottom;
   background-repeat: no-repeat;
   border-left: 00px;
   border-right: 00px;
   float: left;
   height: 100%;
   overflow: auto;
   left: 0px;
   line-height: 135%;
   position: fixed;
   top: 0px;
   margin-bottom: 100px:
   margin-left: 0px;
   width: 250px;
   background-color: #D4D4D4;
}



  • Informações:




Fórum:www.caelum-online.forumeiros.com/forumVersão:PHPBB3
Tipo:Pedido de códigoTags:Widget,barra,rolagem



Última edição por Aesthesys em 27/07/14, 10:37 am, editado 1 vez(es)
avatar

Aesthesys
Nível 2

Masculino
Inscrito dia : 13/06/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://caelum-project.forumeiros.com/forum

Resolvido Re: Widget sem barra de rolagem

Mensagem por Sennior em 27/07/14, 01:04 am

Saudações,

Troque teu código CSS pelo abaixo:

Código:
.module .h3 {
visibility:hidden;
display:none;
}
#content-container div#left {
background-color: #D4D4D4;
background-position: center bottom;
background-repeat: no-repeat;
border-left: 0;
border-right: 0;
float: left;
height: 100%;
left: 0;
line-height: 135%;
margin-bottom: 100px:;
margin-left: 0;
overflow: auto !important;
position: absolute !important;
top: 0;
width: 250px !important;
height: 173pc !important;
}

Valide e visualize. Muito feliz

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widget sem barra de rolagem

Mensagem por Aesthesys em 27/07/14, 10:37 am

Sennior, ficou perfeito!

Muito obrigado. Muito feliz
avatar

Aesthesys
Nível 2

Masculino
Inscrito dia : 13/06/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://caelum-project.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum