www.webdeveloper.com
Results 1 to 3 of 3

Thread: Footer shadow and page height

  1. #1
    Join Date
    Sep 2006
    Posts
    79

    Footer shadow and page height

    I have two questions; sorry for combining here but I think they're both pretty quick answers for anyone who know a little more than me.

    #1 - Please see URL: http://backstageweb.net/RiskSciences/contact.htm (bottom of page)

    What do I need to do to get rid of the gap separating the wrapper and the "bottom" div:

    HTML

    Code:
    </div><!--end "content"-->    
    	<div id="footertag">
    		<p class="footertext">&copy; Copyright  - riskSciences.net, LLC. All rights reserved.</p>
    	</div>
    </div><!-- end container -->
    </div><!-- end wrapper -->
    <div id="bottom"></div>
    </body>
    </html>
    CSS:

    Code:
    #footertag {
    	margin:0 auto;
    	background-color:#fff;
    	width:800px;
    	}
    
    .footertext {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-weight:normal;
    	color:#666666;
    	text-align:center;
    	padding:22px 0;
    	}
    	
    #bottom {
    	background:url(images/PageBottom.png) no-repeat bottom left;
    	width:828px;
    	height:17px;
    	margin:0 auto;
    	padding:0;
    	}


    #2 - Please see URL: http://backstageweb.net/RiskSciences/contact3.htm

    (sorry about this one, I searched for the quick answer but all I really found was noise and "height:100%" which doesn't work) - How do I make the container automatically fill the full height of the page (even with no content)?

    #container {
    margin:0 auto;
    background-color:#ffffff;
    width:800px;
    height:100%;
    }

    Thank you.

    John

  2. #2
    Join Date
    Mar 2007
    Posts
    946
    You problem is with this portion of the page.

    HTML Code:
    <p class="footertext">&copy; Copyright  - riskSciences.net, LLC. All rights reserved.</p>
    You have the below css being applied to it.
    HTML Code:
    p {
    line-height:1.8em;
    margin:15px 0;
    }
    If you change the margin to zero you will see the space is removed. However I don't know where you are also applying it to the site that might change the looks.
    "Hippies.They're everywhere. They wanna save the earth, but all they do is smoke pot and smell bad."-Cartman

  3. #3
    Join Date
    Sep 2006
    Posts
    79
    Once again, The Force is with me. : ) Thanks so much Skywalker! I'll just re-apply the <p> margins to other classes.

    J

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