Ciao, ho lavorato su un sito Web per un po 'di tempo, migliorando il codice, ecc. Ho appena notato che, su schermi più piccoli, l'altezza dello sfondo bianco non supera tutti i soddisfare.Div altezza totale non allungato
L'impostazione min-height: 100%; e height: 100%; non sembrano risolverlo, pensi che questo potrebbe essere dovuto al fatto che molti dei contenuti sono mobili?
Qualsiasi suggerimento sarebbe molto apprezzato.
Sul div.container, rimuovere height: 100% e aggiungere overflow: auto.
Provare a mettere overflow: nascosto; sul contenitore che si desidera cancellare con il resto del contenuto
Ma 'overflow: hidden;' farà quello che dice sulla latta, nascondere il contenuto traboccante. Ho bisogno che sia messo da parte da questo contenuto, stavo pensando più a una correzione chiara, ma non sono ancora riuscito a farlo funzionare. – Olical
overflow: hidden può anche essere usato per cancellare il contenuto - lavorando in modo simile a .container: after {clear: both} http://www.quirksmode.org/css/clearing.html – kieran
Vedo, grazie per quello, anche se ora funziona è davvero utile. – Olical
Rimuovere "altezza: 100%" dal contenitore, "float: left" dal piè di pagina e aggiungere "clear: both" al piè di pagina. Ciò cancellerà tutti i float nel contenitore e il colore di sfondo del contenitore sarà visibile fino in fondo alla pagina, indipendentemente dalle dimensioni del browser.
È possibile utilizzare inline-block al principale div, come: -
div.container{
display:inline-block;
}
L'ho quasi fatto, dopo aver aggiunto "altezza minima: 100%;" al tuo suggerimento ha funzionato! Qualche suggerimento su come ottenere 'min-height: 100%;' lavorando in IE <7? – Olical
@ Wolfy87: 'min-height' non funziona su IE <7. IE <7 considera l'altezza nel modo in cui 'min-height' dovrebbe funzionare, quindi per quei browser dovresti essere in grado di usare solo height. Tuttavia, dovrai eseguire alcuni rilevamenti del browser e/o hack per far sì che utilizzi "min-height" o "height" a seconda del browser. Dato che IE6 ora ha una quota di mercato inferiore al 3%, potrebbe non valerne la pena. – Spudley
@ Wolfy87: Non ho considerato IE6 mentre stavo rispondendo. Se stai cercando di far funzionare il sito in IE6, potresti voler controllare [questa pagina] (http://www.astute.co.uk/buy-electronic-components.htm), non sembra corretto. Sei sicuro di aver bisogno di "altezza minima: 100%"? Il sito mi sta bene. – thirtydot