Jump to content

Footer Bottom Margin Not Working?


andr923

Recommended Posts

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!

Link to comment
https://forums.phpfreaks.com/topic/254217-footer-bottom-margin-not-working/
Share on other sites

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;
}

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.