andr923 Posted January 2, 2012 Share Posted January 2, 2012 Hey All, I'm pretty much finished with my website but I noticed that there is no margin on my #footer div even though I set: #footer { position: relative; clear: both; margin: 50px 5% 50px 0; float: right; color: white; width: 400px; background: url(images/black-opacity-80.png); } It's weird because the top margin is clearly working, but the bottom does nothing. Here's the website link: http://andreimatorin.com/ Thanks for any help! Quote Link to comment Share on other sites More sharing options...
AyKay47 Posted January 2, 2012 Share Posted January 2, 2012 What is you footer contained in? Quote Link to comment Share on other sites More sharing options...
andr923 Posted January 3, 2012 Author Share Posted January 3, 2012 My footer is not contained in anything other than the <body> and <html> tags which have the following styles: html { height: 100%; width: 100%; } body { width: 100%; height: 100%; background: black; font-family: 'News Cycle', sans-serif; letter-spacing: +.1em; } I also have this at the beginning of my stylesheet: * { margin: 0px; padding: 0px; vertical-align: top; border: none; font-weight: normal; } Quote Link to comment Share on other sites More sharing options...
andr923 Posted January 7, 2012 Author Share Posted January 7, 2012 I really can't figure this out... Quote Link to comment Share on other sites More sharing options...
Stiver112 Posted January 8, 2012 Share Posted January 8, 2012 I dont have a anwser but when visiting your site nobody will see the problem with the margin as you do... I think the page looks nice and i don't see any issues with the footer? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.