spazio vuoto dopo il piè di pagina, solo in firefox

Sembra esserci uno spazio bianco casuale dopo il piè di pagina nella parte inferiore del sito, ma si presenta solo in Firefox. Il sito va benissimo in Safari e Chrome. Quando provo a utilizzare l'elemento inspect, lo spazio bianco non sembra rientrare in alcun tag. Non sembra legato a nessun tag del piè di pagina, poiché la loro rimozione non ha cambiato nulla.spazio vuoto dopo il piè di pagina, solo in firefox

Sto usando la soluzione Ryan Fait's Sticky Footer per il mio footer. Sembra funzionare bene su Chrome e Safari, ma non sembra funzionare su Firefox.

È possibile verificare all'indirizzo: http://www.edmhunters.com/martin-garrix/

Tutte le idee che sto facendo male?

fonte

2014-12-15 Yin Yang

controllare la mia risposta fuori. È testato e funziona. Se segui esattamente quello che dico, funzionerà in pochissimo tempo. Testato Chrome e Firefox, il che significa che funzionerà anche in Safari. Andare ad essere onesti e dire che non mi importa di IE, quindi se non funziona lì basta andare avanti, ma questa è un'opinione personale. –

@CayceK Grazie, funziona perfettamente. Non preoccuparti di IE, non lo hai mai fatto, mai lo farò. –

Entrambe le risposte già fornite non aiutano la situazione ...

<span class="footer-copyright"> 
<strong>© EDM Hunters 2014</strong> 
</span>

Is situato nel footer, la sua posizione è sbagliata. Non sta mostrando come è in Chrome .. È necessario spostare il menu verso sinistra un po '. Fornisco css quando ottengo gli stili esatti.

In global.min.***.css sulla linea 12, rimuovere tutti i css aggiuntivo:

bottom: -102px; 
position: relative;

Questo dovrebbe essere per .footer-copyright. Non usare overflow:hidden perché questo è per qualcuno che non sa cosa sta succedendo. Ora ... Proprio in questo momento ho bisogno di controllare in Chrome, ma questo dovrebbe andare bene. Correggerò la modifica in un minuto se non lo è.

montaggio finale:

Per lavorare in Chrome aggiungere con i due stili di cui sopra:

display: block; 
float: left;

fonte

2014-12-15 13:26:46

Per chi ha downvoted la mia risposta se è fuori di gelosia angoscia per favore fammi sapere come questa è la risposta corretta e risolve il suo problema in tutti i browser.Se stai cercando di usare 'overflow: hidden' e una soluzione hai bisogno di cercare un altro po 'di più. –

Se si aggiunge

overflow:hidden

Per l'elemento piè di pagina, sembra per risolvere il problema in Firefox. Ho ricevuto questa idea da this question, quindi probabilmente è lo stesso o un problema simile (margini di compressione).

fonte

2014-12-15 13:24:23 Collierre

-1

Questo è un problema con clearfix su firefox da ... per sempre. Se rimuovi la correzione e aggiungi float:left; width:100% o overflow:hidden al piè di pagina, dovrebbe essere valido in tutti i browser.

Inoltre, non si utilizza la correzione in modo corretto. Invece di aggiungere un elemento vuoto come <div class="clearfix"></div>, appena si dovrebbe aggiungere la classe al contenitore degli elementi mobili:

<div class="clearfix"> 
    <div style="float:left"></div> 
    <div style="float:right"></div> 
</div>

fonte

2014-12-15 13:25:35

Il suo clearfix funziona abbastanza bene. Correttamente è negli occhi di chi guarda quando si tratta di css tranne quando si tenta di usare qualcosa come overflow: nascosto su un elemento senza tentare di scoprire il vero problema ... –

spazio vuoto dopo il piè di pagina, solo in firefox

risposta

Problemi correlati