Why 'foothr' appears on the wrong place?

NOTE: this is a responsive https://code.sololearn.com/WoAeIaP7zh10/?ref=app

4th Nov 2017, 4:25 PM

Roland Doctor

1 Answer

+ 3

Because before the <div id="foother"> element, you have others "floater" ones... this will make their container not always taking the height of the 'float' elements, so your "foother" is hovered by the 'float' elements... You could position absolutly you "foother" to bottom of body by adding this css rules: position:absolute; bottom:0; width:100%; ... but it could be required to set a 100% height to <html> and or <body> elements in some viewing context: html, body { height:100%; /* or even, but less often: min-height:100%; */ }

4th Nov 2017, 4:40 PM

visph