Buongiorno!
Non riesco a posizionare correttamente il footer in fondo alla pagina, rimane sempre uno spazio vuoto nella parte inferiore. Ho provato con vari tutorials dal web ma nessuno di questi funziona.
Per favore non chiedetemi di inserire tutto il codice perchè è lunghetto, se è proprio necessario poi lo metto in allegato.
Non riesco a posizionare correttamente il footer in fondo alla pagina, rimane sempre uno spazio vuoto nella parte inferiore. Ho provato con vari tutorials dal web ma nessuno di questi funziona.
HTML:
<html>
<head>
</head>
<body>
<nav>
</nav>
<header>
</header>
< div id="wrapper">
<div class="row">
<div class="col1">
</div>
<div class="col2">
</div>
</div>
<div class="row2">
<div class="col1-2">
</div>
<div class="col2-2">
</div>
</div>
</div>
<footer>
</footer>
</body>
</html>
Codice:
body {
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: #FADDA;
color: #8d7200;
font-family: 'Rude Cookie Brush', Arial, Verdana, sans-serif;
font-size: 30px;
}
nav {
position: absolute;
margin: 0;
background-color: rgba(55,119,189,0.1);
font-family: 'Times New Roman', sans-serif;
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
text-shadow: 1px 1px lightgray;
letter-spacing: 5px;
}
header {
position: relative;
height: 400px;
overflow: hidden;
background-image: url(../images/header.png);
background-repeat: no-repeat;
background-size: 100% 100%;
box-shadow: 2px 2px 5px gray;
}
#wrapper {
position: relative;
height: 100%;
width: 100%;
margin: 0;
padding: 50px;
background-color: rgba(255, 255, 255, 0.8);
}
footer {
position: relative;
width: 100%;
height: 100px;
background-color: #000000;
border-top: 1px solid #gray;
box-shadow: 2px 2px 5px gray;
}
Per favore non chiedetemi di inserire tutto il codice perchè è lunghetto, se è proprio necessario poi lo metto in allegato.