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.

  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