I have searched for many similar topics and try many ways but still can't solve this. There's a unwanted space between the bottom boundary of footer and the bottom boundary of the images. If I change the images to display:block, that space will disappear. But I can't explain how this issue happen? Thank you. I can't show any images because of new account.
HTML:
<html>
<body>
<div id="wrapperMain">
<footer>
<img src="ico/square-facebook.svg"
/><img src="ico/square-twitter.svg"
/><img src="ico/square-google-plus.svg"/>
</footer>
</div>
</body>
</html>
CSS:
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
#wrapperMain {
position:relative;
min-height:100%;
}
footer {
position:absolute;
width:100%;
bottom:0;
background:#eeeeee;
text-align:center;
}
Aucun commentaire:
Enregistrer un commentaire