Мой css:
<style>
.box {
background-color: white ;
height: 1300px ;
width: 800px ;
margin: 0px auto ;
border: 1px solid black ;
}
.header{
padding: 30px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 10px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
li {
float: right;
}
li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
li a:hover {
background-color: #111111;
}
</style>
html:
<body>
<div class="box">
<div class = "header">
</div>
<ul>
<li><a>About</a></li>
<li><a>Contact</a></li>
<li><a>News</a></li>
<li><a>Home</a></li>
</ul>
</div>
</body>
</html>
Мне нужно установить футер, он не должен перемещаться.
Я пробовал использовать это:
.footer {
position:fixed;
bottom:0;
text-align: center ;
font-size: 16px ;
font-family: verdana ;
width: 800px ;
height: 50px ;
background-color: orange ;
}
Но футер не помогает установить границы сайту, т.к перемещается
Простой
