position: absolute;
а он не влияет на положение других элементов на странице <footer>
клас class="footer"
ну или у тебя в хедере прописано все это например в <link type="text/css" rel="stylesheet" href="assets/style.css">
а после него еще какой прописан который перекрывает его. .user-navigation a {
background: url(http://i102.fastpic.ru/big/2018/0827/e6/477b04b93dab55d5ff68721423e4a2e6.png)no-repeat left center;
}
<html>
<head>
<style>
.conteiner{
width:200px;
background-color:red;
border:1px solid black;
height:200px;
float:left;
}
.wrap{
width:606px;
}
.conteiner5{
width:200px;
background-color:red;
border:1px solid black;
height:300px;
float:left;
}
.col-my-4{
width: 33%;
float: left;
}
</style>
</head>
<body>
<div class="wrap">
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner">
</div>
<div class="conteiner">
</div>
</div>
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner5">
</div>
<div class="conteiner">
</div>
</div>
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner">
</div>
<div class="conteiner">
</div>
</div>
</div>
</body>
</html>
.gallery__text {
z-index: 1;
}
.bars li {
position: relative;
margin-bottom: 60px;
background: #ccc;
height: 42px;
border-radius: 3px;
}
.bar-expand {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-right: 24px;
background: #313131;
display: inline-block;
height: 42px;
line-height: 42px;
border-radius: 3px 0 0 3px;
}
.photoshop {
width: 60%;
-moz-animation: photoshop 2s ease;
-webkit-animation: photoshop 2s ease;
}
.image-effect {
height: 240px;
}
.imger {
display: block;
z-index: 8;
position: fixed;
top: 75px;
left: 0px;
right: 0;
}
.pop-up__menu {
width: 100%;
}