0

estou tendo problemas com meu rodape em uma pagina que contem uma lista, qu na qual vou adicionando e ela crescendo. O problema é que está criando duas barras de rolagem no site e nao estou conseguindo resolver. Segue a lista e o css.

.footer {
 background-color: #F2F2F2;
    width:100%;
    height: 60px;
    position:fixed;    
    bottom:0;

}
 <table id="lista-compras" class="table table-striped">
    <thead>
      <tr>
        <th>Assunto</th>
        <th>Descrição</th>
        <th>Likes</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="topico in topicos | filter:search" class="comprado-{{ topico.comprado }}">
        <td><strong>{{ topico.assunto }}</strong></td>
        <td><strong>{{ topico.descricao }}</strong></td>
        <td><strong>{{ topico.grau }}</strong></td>
        <td><strong>
          <a href="

Exemplo:

inserir a descrição da imagem aqui

3

1 Resposta 1

1

Você consegue resolver esta questão da segunda barra de rolagem facilmente. No seu arquivo style.css que está neste link:

https://forum-alldispor.c9users.io/views/css/style.css

Na linha 18 que inicia com html, body {

remova desta classe a linha 21, remova isto:

height:100%;

Ou seja, você substitui isso (inicia na linha 18):

html, body {
 width: 100%;
 overflow-x: hidden;
 height:100%;
 min-height: 100%;
 position: relative;
}

Por isto:

html, body {
 width: 100%;
 overflow-x: hidden;
 min-height: 100%;
 position: relative;
}
1
  • Deu certinho, valeu! Commented 7/10/2016 às 22:55

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .