Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2012
    Location
    Kalamazoo, MI
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS/HTML5 Footer Issue

    I have never had this problem in the past, for some odd reason my footer won't stay below content container. I can get it to stay below the wrapper, but whenever I add content the footer just stays put while the content goes over it. It is not fixed or anything like that. Here is my CSS:

    Code:
    #wrapper {
    	width: 75%;
    	margin: 0 auto;
            height: 100%;
    	min-height: 100%;
            margin: 0 auto 25px;
    }
    
    footer {
    	font-family: 'ABeeZee', sans-serif;
    	height: 200px;
    	margin-top: 15px;
    	color: #fff;
    	background-color: #333;
    }
    
    .footer_container {
    	width: 75%;
    	margin: 0 auto;
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    
    #content_container {
    	width: 100%;
    	height: auto;
    	padding: 10px 0;
    	position: relative;
    	top: 80px;
    	margin-bottom: 35px;
    }
    
    .content_left{
    	width: 74%;
    	text-align: left;
    	min-height: 100%;
    	color: #333;
    	float: left;
    	display: block;
    }
    
    .content_right {
    	width: 25%;
    	float: right;
    	text-align: left;
    	background-color: #333;
    	min-height: 100%;
    	color: #fff;
    	padding: 5px;
    	display: block;
    }
    I don't know what the problem is? I am quite experienced with CSS and this issue has never occurred. I've used this method many times as well.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Here is my CSS:
    Some CSS without the HTML involved is totally useless to debug an issue like this. Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •