Problemas com a div do rodapé!

Front-end
#1

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á!

#2

No seu HTML tem duas <div> com o mesmo id=“coluna2”. Já consertou isso?