[HTML] Footer a fondo pagina

iTonto

Utente Attivo
8 Feb 2018
101
1
18
www.fiverr.com
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.

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.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Prova a togliere position:relative
Se non funziona devi mettere il link alla pagina per poterla vedere in funzione
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Metti la pagina online la vediamo lì. In privato e meglio non dibattere problemi vanno risolti pubblicamente a beneficio di tutti
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Intendo online sul tuo spazio web non con jsfiddle si deve vedere immagini e tutto completo
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
allora come facciamo?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Anche se per il momento la metti così non succede mica nulla!!!
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
E noi come avremmo potuto vederlo senza vedere la pagina?
 
Discussioni simili
Autore Titolo Forum Risposte Data
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
Andrea1981 [WordPress] [HTML] Help modifica credits nel footer.Tema Customizr. WordPress 5
A [HTML+CSS] footer che si aggiorna da un file esterno HTML e CSS 22
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 2
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3
L Collegare un form html ad un database access Javascript 2
P HTML integrazione wordpress HTML e CSS 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
L Eliminare estensione .html HTML e CSS 9
max1974 html in tooltip Javascript 0
C Risalire al php da html PHP 27
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
L [RISOLTO] Stampa a video risultato count in html PHP 13
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
F [PHP] Form html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
M Estrarre dati da una select HTML PHP 3
G FORM HTML E PHP PHP 0
max1974 [HTML] Columns grid on modal form HTML e CSS 0
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
S [HTML] Effetto su testo da togliere HTML e CSS 0
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
D [HTML] Aiutino su costruzione tabella :) HTML e CSS 3
diamantetredici13 [HTML] link e poi link... HTML e CSS 2
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
A [HTML] Testo mail non visualizzabile su IOS HTML e CSS 0

Discussioni simili