388 messaggi dal 11 febbraio 2013
Vorrei aggiungere un footer ad un sito fatto con bootstrap che ha un menu fisso (navbar-fixed-top)

Il footer dovrebbe riempire tutto il bottom della pagina ma non riesco ovvero ottengo sempre uno spazio del body che va sotto il footer.

Vorrei ottenere un footer come quello di questo sito.

il markup è semplice:

 <div id="mycontent" class=" container body-content-">
             
           <asp:ContentPlaceHolder ID="MainContent" runat="server">
           </asp:ContentPlaceHolder>             
             
            <footer>
                <p>XXXX ZZZZZZZZ</p>
            </footer>               
        </div>


Il css altrettanto

html {
  position:relative;
  min-height:100%;
}
body {
  padding-bottom:60px;   
  padding-top:50px;
}
.footer {
  background:#101010;
  color:#9d9d9d;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; 
  line-height: 60px; 
  text-align:center;
}


In un dispositivo mobile non riesco ad ottenere il risultato

come posso fare

grazie come sempre
Modificato da jjchuck il 16 maggio 2017 12.19 -
79 messaggi dal 09 febbraio 2017
La provo al volo, fammi sapere


    height: auto;

Emanuel Pirovano
Web Developer
388 messaggi dal 11 febbraio 2013
se intendevi applicare la proprietà alla classe footer
ho provato e non sembra funzionare sempre : a volte in portrait mode non va


cmq grazie per la risposta

se hai altri suggerimenti ti ringrazio infinitamente
Modificato da jjchuck il 16 maggio 2017 14.52 -
79 messaggi dal 09 febbraio 2017
Intendevo modificare quella proprietà nel css che era diversa dal footer che avevo sotto mano mio.

Rileggendo meglio dici che è un problema di visualizzazione solo da mobile, giusto ? da web si adatta e gira correttamente ?

Cerco di aiutare anche se non sono un front end , quindi sarà limitato il mio aiuto :)
Modificato da Ema96Arpa il 16 maggio 2017 15.32 -


EDIT : PROVA

position: fixed;

Modificato da Ema96Arpa il 16 maggio 2017 15.40 -

Emanuel Pirovano
Web Developer
388 messaggi dal 11 febbraio 2013
Figurati io sto cercando di imparare un po di sql, uno spruzzo di css , su un letto di c# :)

Ti ringrazio nuovamente

cmq riepilogando

html {
position:relative;
min-height:100%;
}
body {
padding-bottom:60px;
padding-top:50px;
}
.footer {
background:#101010;
color:#9d9d9d;
position: absolute;
bottom: 0;
left:0;
right:0;
width: 100%;
height: auto;
line-height: 60px;
text-align:center;
}

<div id="mycontent" class=" container body-content-">

<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>

<footer class="footer" >
<p>&copy; <%: DateTime.Now.ToShortDateString() %> - EVASIONI</p>
</footer>
</div>

Questo funziona in un desktop browser e parzialmente in mobile: ad esempio funziona con la risoluzione di un Ipad ma se cambio e prendo una risoluzione diversa non va.

ps: non è un programma per evadere le tasse :)
79 messaggi dal 09 febbraio 2017
Immagino, sembra semplice ma cè tutto un mondo dietro ai css per non parlare di JavaScript ...

Hai provato position fixed ?

Emanuel Pirovano
Web Developer
388 messaggi dal 11 febbraio 2013
Si ho provato con position fixed ma non volevo una posizione fissa ...
in pratica vorrei il footer come in questo sito



ho trovato anche questo ma non sembra aiutarmi

http://stackoverflow.com/questions/19756997/how-to-create-a-sticky-footer-that-plays-well-with-bootstrap-3
Modificato da jjchuck il 16 maggio 2017 16.29 -


considera che se vuoi una posizione fissa basta mettere una classe di bootstrap al footer: navbar-fixed-bottom

ma non voglio questa soluzione
Modificato da jjchuck il 16 maggio 2017 17.11 -

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.