Jak dodać div'a (stopkę) na dół strony

Question

Witam

Mam taki problem z dodaniem  elementu stopki na stronę.Otóż zamiast wyświetlać się na dole wyświetla się w miejscu innych divów, które zdefiniowałem na początku i je przysłania.Dlaczego tak się może dziać, jak to naprawić, bo już nie mam pomysłu ?

Z góry dzięki.

Answer 1

Nie ma kodu wklejonego, nie możemy Ci pomóc.

Najlepiej to wklej CSS i HTML

Comments

A dopisałeś clear:both; ?

Answer 2

Kolega dobrze mówi wklej kod a coś zdziałamy.

Answer 3

A gdzie mam dopisać clear:both; ?

Answer 4

Oto fragment kodu HTML I CSS :

 

<style>
      
	  
	  #Kolumna_1 
	  {
		  color: white;
	      margin-top:40px;
		  margin-left:10px;
		  margin-right:10px;
		  
		  
	  }
		  
		  
	  #Liczba1
	  {
	      text-align:center;
		  margin-left:40px;
		  background-image:linear-gradient(white, green, white);
		  float:left;
		  width:50%;
		  border-radius:10px 10px 10px 10px;
		  height: auto;
		  box-sizing: border-box;
		  border: 1px solid black;
		  width: calc(50% - 60px);
		  margin-bottom:10px;
		  text-decoration:underline;
		  font-size:18px;
		  padding-left:5px;
		  padding-right:5px;
		  		
	  }
	  
	  #Liczba1-tekst
	  {
		  margin-left:40px;
		  float:left;
		  width:50%;
		  border: 1px solid black;
		  box-sizing: border-box;
		  color:white;
		  width: calc(50% - 60px);
		  text-align:center;
		  height:500px;
		  background:#5F9F9F;
		  margin-bottom:20px;
		  line-height:35px;
		  font-size:17px;
		  padding-left:7px;
		  padding-right:7px;
		  border-radius:10px 10px 10px 10px;
		  padding-top:10px;
		  padding-bottom:10px;
		  
		  
	  }
	  
	  h3
	  {
     
     font-size:110% !important;
	 font-weight:bold !important;
	 text-transform: uppercase;
	 }


}
    </style>

<div id="Kolumna_1">

<div id="liczba1"></div>

<div id="liczba1"></div>

<div id="Liczba1-tekst"></div>

<div id="Liczba1-tekst"></div>


<div id="liczba1"> </div>

<div id="liczba1"> </div>

<div id="Liczba1-tekst"></div>

<div id="Liczba1-tekst"></div>


<div id="liczba1"></div>

<div id="liczba1"></div>

<div id="Liczba1-tekst"></div>

<div id="Liczba1-tekst"></div>



<div style="width:92%;" id="liczba1"></div>

<div style="width:92%;height:auto;"id="Liczba1-tekst"></div>

<div id="liczba1"></div>

<div id="liczba1"> </div>

<div id="Liczba1-tekst">
</div>


<div id="Liczba1-tekst"></div>

</div>

Oczywiście w środku tych div-ów znajduje się tekst, który usunąłem.

PS. A tak dodaje element stopki :

 

<div style="position:absolute;width:100%;clear:both;"><?php get_footer();?></div>