Bom dia galera, Estou tendo problemas com a div do meu rodapé. Sempre que vou usando o atalho CTRL + (+), chega um momento que o rodapé fica preenchendo a parte final da página. Tem como eu resolver isso? Segue abaixo o código código da página html:
<div id="coluna1">
Congregação São João - RJ<br>
CNPJ: 27-001/11.280.416<br>
CEP: 250-25-515<br>
Rua: Santo Antônio, nº523<br>
Centro - São João de Mereti/RJ
</div>
<div id="coluna2">
Congregação Pau Grande - Magé/RJ<br>
CEP: 25.933-145<br>
Rua: Lindsay Anderson, nº 15<br>
Pau Grande - Magé/RJ
</div>
<div id="coluna2">
Congregação Santa Inês - Vila Velha/ES<br>
CEP: 29.108-041<br>
Rua: Avenida Rui Braga Ribeiro, nº961<br>
Santa Inês - Vila Velha/ES
</div>
</div>
</div>
e os css:
#footer {
position: relative;
margin-top: -150px; /* valor negativo da altura do rodapé */
width: 100%;
height: 150px;
clear: both;
background-repeat: no-repeat;
background-position: center right;
background-color: #7d0d0d;
}
#textorodape{
margin-right: 100px;
color: white;
font-size: 16px;
position: center right; }
#coluna1 {
float: left;
width: 333px;
color: white;
font-size: 14px;
}
#coluna2 {
float: left;
width: 333px;
color: white;
font-size: 14px;
}
Grato pela ajuda desde já!