3
respostas

Como impedir que o conteúdo mude quando um download é feito?

Cadastros

<!! Eu criei 3 botões, separei entre duas colunas no bootstrap, depois apliquei uma classe para deixá-los na posição que eu precisava, só que quando faço download de alguma coisa, aquela barra cinza de arquivos de downloads que aparece no canto inferior do chrome, muda o layout do minha tela e eu não consegui arrumar. Alguém pode me ajudar?
3 respostas

Poderia dar um print da tela e colar o código também?

<body  >
    <main>
        <div class="fixa">
            <div class="row">
                <div class="cabeçalho ">
                    <h1>Cadastros</h1>
                </div>

                <div class="arruma1 col-lg-6" >
                     <button class=" btn1"></button>    
                </div>

                <div class=" arruma2 col-lg-6">
                    <button class="btn2"></button>        
                     <button class="btn2"></button>
                </div>
            </div>
        </div>
    </main>
</body>
<style>
.fixa{
    position: fixed;
    float: left;
    overflow-x: hidden;
    display: inline-block;
}

.arruma1 {
    padding-left: 28%;
    column-width: auto;
}

.arruma2{
    padding-left: 11%;
    column-width: auto;
}

.btn1 {
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 36px;
  background: #15a084;
  padding: 185px 185px 189px 185px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 1px;
}

.btn1:hover {
  background: #0A8970;
  text-decoration: none;
}

.btn2 {
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 36px;
  background: #15a084;
  padding: 90px 180px 94px 180px;
  text-decoration: none;
  margin-bottom: 2px 
}

.btn2:hover {
  background: #0A8970;
  text-decoration: none;
}
</style>

Ainda não tem o reponsivo, a tela só abre em desktop! Consegui colocando position fixed arrumar o problema, mas ainda sim não esta 100% ainda.

Precisaria pelo menos do código do seu html e de seu css para poder avaliar o que poderia ser feito para lhe ajudar.