www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] content min-height issue

Hybrid View

  1. #1
    Join Date
    Jun 2009
    Location
    Chi town. IL68 ICAO code home airport, literally.
    Posts
    153

    resolved [RESOLVED] content min-height issue

    Well this is a rather werid issue. For one reason or another I cant seem to get the content of a page to stretch down properly. If I set it up so that it ends at the footer, there is a gap of white space as shown here:
    http://www.wartachicago.org/infohufie/

    If i nest the footer in the content <div> i get the content all the way to the bottom of the screen as shown here:
    http://www.wartachicago.org/wiadomsci/

    Now my issue is, how do I get the content to stretch down to the footer and end there? Here is the css (I have only included the important parts here):
    Code:
    * {
    	padding:0; 
    	margin:0;
    	}
    
    img {
        border: 0
    }
    
    body {
    	background-image: url("../../../images/xmasbackb.jpg");
    	background-repeat:no-repeat;
    	background-color:white;
    	
    }
    
    #main {
    	width:980px;
    	margin-left:auto;
    	margin-right:auto;
    }
    
    #header {
    	background-image: url("../../../images/header_holiday.png");
    	background-repeat:no-repeat;
    	width:955px;
    	height:426px;
    }
    
    #wartal {
    	float:left;
    	padding-top:90px;
    	padding-left:98px;
    }
    
    #pos1 {
    	float:left;
    	padding-top:110px;
    	padding-left:115px;
    	transform: rotate(5.39deg);
    	-ms-transform: rotate(5.39deg); /* IE 9 */
    	-webkit-transform: rotate(5.39deg); /* Safari and Chrome */
    	-o-transform: rotate(5.39deg); /* Opera */
    	-moz-transform: rotate(5.39deg); /* Firefox */
    }
    
    #pos2 {
    	position:absolute;
    	z-index:1;
    	float:left;
    	padding-top: 175px;
    	padding-left:70px;
    	transform: rotate(-4.10deg);
    	-ms-transform: rotate(-4.10deg); /* IE 9 */
    	-webkit-transform: rotate(-4.10deg); /* Safari and Chrome */
    	-o-transform: rotate(-4.10deg); /* Opera */
    	-moz-transform: rotate(-4.10deg); /* Firefox */
    }
    
    ul#nav  {
    	list-style-type: none;
    	font: 15px Tahoma, Sans-serif; 
    	color:black;
    }
    
    li.navli {
    	list-style-type: none;
    	padding-top:8px;
    }
    
    ul#posts {
    	padding-left:25px;
    }
    
    li.posts {
    
    	padding-top:3px;
    }
    
    
    #content {
    	clear:both;
    	background-image: url("../../../images/body.png");
    	background-repeat: repeat-y;
    	width:909px;
    	min-height:450px;
    	overflow:hidden;
    
    	
    }
    
    #posts {
    	float:left;
    	width:840px;
    	padding-left:55px;
    	position:relative;
    }
    
    .entry {
    	width: 840px;
    	margin-left:auto;
    	margin-right:auto;
    }
    
    #footer {
    	background-image: url("../../../images/footer_holiday.png");
    	width:955px;
    	height:204px;
    	background-repeat:no-repeat;
    	margin-left:auto;
    	margin-right:auto;
    	padding-right:25px;
    	clear:both;
    	bottom: 0;
    	display: block;
    }
    
    #fstuff {
    	padding-top:55px;
    	padding-left:200px;
    }
    any ideas?
    For want of a nail...the horseshoe was lost. For want of a horseshoe, the steed was lost. For want of a steed...the message was not delivered. For want of an undelivered message.....the war was lost.

  2. #2
    Join Date
    Oct 2012
    Posts
    78
    Might just be me but your content goes all the way down for me. Only problem I saw was that the image you used on your footer didn't have a transparent background meaning your border had a white gap.

  3. #3
    Join Date
    Dec 2012
    Location
    Cape Town, South Africa
    Posts
    12
    It seems to stretch all the way down for me. What browser are you viewing it in?

  4. #4
    Join Date
    Jun 2009
    Location
    Chi town. IL68 ICAO code home airport, literally.
    Posts
    153
    After some debugging and messing around it appears . to be WordPress's "get footer();" function which was causing my issue. Figured it . Thanks :-)
    For want of a nail...the horseshoe was lost. For want of a horseshoe, the steed was lost. For want of a steed...the message was not delivered. For want of an undelivered message.....the war was lost.

  5. #5
    Join Date
    Dec 2012
    Location
    Cape Town, South Africa
    Posts
    12
    cool glad u got it sorted.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles