Witam.
Stopka (footer) pojawiła się prawie na środku strony, a powinna być na samym dole. Wcześniej stopka była na samym dole strony i było OK, ale od kiedy wprowadziłem "boczne_menu", to pojawiła się prawie na środku strony. Zauważyłem, że stopka przyczepiła się na samym dole do bocznego menu tuż pod napisem ---> Sport.
<div class="wrapper">
<div class="panel-1">
<div class="boczne_menu">
<nav>
<ul>
<li><a href="muzyka.php">
<img src="obrazki/muzyka.png" width="32px" height="24px" style="border: 1px solid #000000; position: absolute; left: 14px; top: 14px" />
Muzyka</a></li>
<li><a href="filmy.php"><div class="margin_top">
<img src="obrazki/filmy.png" width="32px" height="24px" style="border: 1px solid #000000; position: absolute; left: 14px; top: 62px" />
Filmy</a></li>
<li><a href="sport.php"><div class="margin_top">
<img src="obrazki/sport.png" width="32px" height="24px" style="border: 1px solid #000000; position: absolute; left: 14px; top: 110px" />
Sport</a></li>
</ul>
</nav>
</div>
</div>
<div class="footer">Strona internetowa © 2017</div>
</div>
body
{
background-color: #303030;
font-family: Verdana;
margin: 0px;
width: 100%;
height: 800px;
position: relative;
}
.wrapper
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.panel-1
{
clear: both;
width: 1000px;
height: 322px;
background: -webkit-linear-gradient(to right, black, white);
background: -o-linear-gradient(to right, black, white);
background: -moz-linear-gradient(to right, black, white);
background: linear-gradient(to right, black, white);
border-bottom-left-radius:.5em;
border-bottom-right-radius:.5em;
position: relative;
}
.boczne_menu
{
top: 14px;
overflow: hidden;
position: relative;
}
nav
{
width: 190px;
font-size: 17px;
line-height: 200%;
display: block;
}
nav ul
{
padding: 10px 10px 10px;
background-color: #000080;
display: block;
}
nav ul li
{
text-align: center;
}
nav ul li a
{
text-decoration: none;
color: white;
display: block;
}
nav ul li a:hover
{
background-color: #BCE27F;
color: black;
cursor: pointer;
}
.margin_top
{
margin-top: 14px;
}
.footer
{
text-align: center;
background-color: #222222;
color: white;
font-size: 14px;
position: absolute;
bottom: 0;
width: 1000px;
line-height: 50px;
margin-left: auto;
margin-right: auto;
}
Co muszę poprawić w kodzie, aby stopka z powrotem pojawiła się na samym dole strony?