I would like to place some links in that footer that doesn't work as they should do. it seems like that they are not clickable and i have no clue why this is happening.
The footer itself is located at the end of the site and will be forced to stay at the bottom by a pushed div. My whole div-arrangement is like:
<body>
<div class="wrapper">
<div class="push"></div>
</div>
<div class="footer">
<div id="about">
<div id="list">
<span class="up">1. row</span>
<ul class="nav">
<li><a href="/one.php">one</a></li>
<li><a href="/two.php">two</a></li>
<li><a href="/three.php">three</a></li>
<li><a href="/four.php">four</a></li>
</ul>
</div>
</div>
<div id="legals">
<div id="list2">
<span class="down">2.row</span>
<ul class="nav2">
<li><a href="/five.php">five</a></li>
<li><a href="/six.php">six</a></li>
<li><a href="/seven.php">seven</a></li>
<li><a href="/eight.php">eight</a></li>
</ul>
</div>
</div>
Why is this href not working?
okay, thanks to everyone. adding z-index doesnt work in this case because when adding this, the whole content of the wrapper wont be displayed because of using another couple other z-index in that class. so the solution is removing position:relative. thanks for your help!
Add z-index:-1 in your .wrapper
As like this
.wrapper{
z-index:-1;
}
Or Second Option is
Remove position:relative on this class .wrapper