SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    northborough
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    footer problem w/ elastic layout

    hi there,

    iam sure this is an easy one...but i have not figured it out yet. I have a footer that stretches across the bottom of the page fine, but there is a large amount of space below the footer div both in IE and FF:

    any ideas?
    thanks!
    sha

    page

    CSS
    Code:
    body {
    	font-size: 80%;
    	line-height: 1.5em;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	margin: 0px;
    	padding: 0px;
    	background-image: url(images/leftcolback.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
    }
    #pagecontainer {
    	width: 100%;
    	min-width: 700px;
    	margin: 0px;
    	padding: 0px;
    }
    #header {
    	float: left;
    	width: 100%;
    	background-repeat: no-repeat;
    	background-position: right top;
    	margin: 0px;
    	padding: 0px;
    	height: 100px;
    	background-attachment: fixed;
    	background-image: url(images/hp_banner400.jpg);
    	background-color: #FFFF99;
    }
    .logocontainer  {
    	background-position: left top;
    	display: block;
    	float: left;
    	width: 150px;
    	height: 50px;
    	padding: 0px;
    	margin: 0px;
    	position: relative;
    	left: 10px;
    	top: 10px;
    	background-color: #FFFF99;
    }
    #leftcol {
    	float: left;
    	width: 170px;
    	font-size: 120%;
    	margin: 0px;
    	padding: 0px;
    }
    
    #rightcol {
    	float: right;
    	width: 170px;
    	font-size: 120%;
    	margin-right: 6px;
    }
    #maincol {
    	margin-left: 175px;
    	margin-right: 175px;
    	padding-left: 12px;
    	padding-right: 12px;
    	padding-top: 0px;
    	padding-bottom: 0px;
    }
    .stack {
    	padding: 2px 0px 0px;
    	margin: 0px;
    }
    .clearboth {
    	clear: both
    }
    #footer {
    	font-size: 80%;
    	margin: 0px;
    	color: #333333;
    	line-height: 1.3em;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-align: center;
    	clear: both;
    	text-transform: capitalize;
    	background-color: #CCCC99;
    	padding-top: 1em;
    }
    #footer a:link {
    	color: #333333;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-decoration: underline;
    	line-height: 1.3em;
    }
    #footer a:active {
    	color: #333333;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-decoration: underline;
    	line-height: 1.3em;
    }
    #footer a:visited {
    	color: #333333;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-decoration: underline;
    	line-height: 1.3em;
    }
    #footer a:hover {
    	color: #666666;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-decoration: none;
    	line-height: 1.3em;
    }
    .stack p {
    	margin-top: 0px
    }
    h3 {
    	display: block; border-bottom: #cccccc 1px solid
    }
    h2 {
    	color: #000000;
    	font-size: 22px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-weight: normal;
    	padding: 5px 0px 0px;
    	margin: 0px;
    	line-height: 1.3em;
    }
    #navcontainer ul
    {
    	color: white;
    	width: 100%;
    	font-family: verdana, arial, helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    	float: left;
    	text-transform: uppercase;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	font-size: 10px;
    	background-color: #6699CC;
    }
    
    #navcontainer ul li { display: inline; }
    
    #navcontainer ul li a
    {
    	padding: 0.2em 1em;
    	color: white;
    	text-decoration: none;
    	float: left;
    	border-right: 1px solid #fff;
    	margin: 0px;
    }
    
    #navcontainer ul li a:hover
    {
    background-color: #369;
    color: #fff;
    }
    .leftcolpressbox {
    	padding:6px 6px 0px;
    	border: 1px solid #999999;
    	margin: 0px;
    }
    #pressboxheader {
    	color:#ffffff;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	background-color: #999999;
    }
    .pressboxitem {
    	margin-bottom:8px;
    	font-size:9px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	line-height: 1.3em;
    	padding: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    #leftcolpressbox a:link {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolpressbox a:active {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolpressbox a:visited {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolpressbox a:hover {
    	font-size: 10px; 
    	color: #517CA1; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    .leftcolpressbox ul {
    	padding-left: 0px;
    	margin: 0px;
    	list-style-type: none;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    }
    
    .leftcolpressbox ul li {
    	padding-right: 0px;
    	padding-left: 15px;
    	background: url(images/arrow.gif) no-repeat 0px 0px;
    	padding-bottom: 8px;
    	padding-top: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	margin: 0px;
    }
    
    .leftcolnewsbox {
    	padding:6px 6px 0px;
    	border: 1px solid #999999;
    	margin: 0px;
    }
    .newsboxheader {
    	color:#ffffff;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	background-color: #666666;
    }
    .newsboxitem {
    	margin-bottom:8px;
    	font-size:9px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	line-height: 1.3em;
    	padding: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    #leftcolnewsbox a:link {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:active {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:visited {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:hover {
    	font-size: 10px; 
    	color: #517CA1; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox p {
    
    	padding:6px 0px;
    	margin: 0px 0px 12px;
    }
    
    .newsboxheader {
    	color:#ffffff;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	background-image: url(images/grey.gif);
    }
    .newsboxitem {
    	margin-bottom:8px;
    	font-size:9px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	line-height: 1.3em;
    	padding: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    #leftcolnewsbox a:link {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:active {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:visited {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox a:hover {
    	font-size: 10px; 
    	color: #517CA1; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #leftcolnewsbox p {
    
    	padding:6px 0px;
    	margin: 0px 0px 12px;
    }
    .clearbr {
    	clear: both;
    	padding: 0px;
    	margin: 0px 0px 10px;
    }
    #quicklinkboxheader {
    	color:#4e4e4e;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	border-top: 1px solid #999999;
    	border-right: 1px solid #999999;
    	border-left: 1px solid #999999;
    	background-image: url(images/grey_quicklinks.gif);
    }
    #whitepaperbox {
    	padding:6px 6px 0px;
    	border: 1px solid #999999;
    	margin: 0px;
    }
    .whitepaperboxitem {
    	margin-bottom:8px;
    	font-size:9px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	line-height: 1.3em;
    	padding: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    #whitepaperboxheader {
    	color:#356197;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	border-top: 1px solid #999999;
    	border-right: 1px solid #999999;
    	border-left: 1px solid #999999;
    	background-color: #f9f9f9;
    }
    
    #whitepaperbox a:link {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #whitepaperbox a:active {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #whitepaperbox a:visited {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #whitepaperbox a:hover {
    	font-size: 10px; 
    	color: #517CA1; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #whitepaperbox ul {
    	padding-left: 0px;
    	margin: 0px;
    	list-style-type: none;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    }
    #whitepaperbox ul li {
    	padding-right: 0px;
    	padding-left: 15px;
    	background: url(images/whitepaper.gif) no-repeat 0px 0px;
    	padding-bottom: 8px;
    	padding-top: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	margin: 0px;
    }
    #extrabox {
    	padding:6px 6px 0px;
    	border: 1px solid #6699cc;
    	margin: 0px;
    }
    #extraboxheader {
    	color:#ffffff;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-size:10px;
    	padding:2px 5px 2px 8px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	text-transform: capitalize;
    	margin: 8px 0px 0px;
    	line-height: 1.5em;
    	border-top: 1px solid #6699cc;
    	border-right: 1px solid #6699cc;
    	border-left: 1px solid #6699cc;
    	background-color: #6699cc;
    }
    #extrabox a:link {
    	font-size: 10px;
    	color: #333333;
    	font-family: verdana, arial, helvetica, sans-serif;
    	text-decoration: none;
    }
    #extrabox a:active {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    
    #extrabox a:visited {
    	font-size: 10px; 
    	color: #333333; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    #extrabox a:hover {
    	font-size: 10px; 
    	color: #517CA1; 
    	font-family: verdana, arial, helvetica, sans-serif; 
    	text-decoration: none
    }
    
    #learnmore {
    	padding: 4px 0px 0px;
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 9px;
    	color: #3368B9;
    	line-height: 1.3em;
    }
    #learnmore a:link{
    	clear: both;
    	padding: 4px 0px 0px;
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 9px;
    	color: #3368B9;
    }
    #learnmore a:hover{
    	clear: both;
    	padding: 4px 0px 0px;
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 9px;
    	color: #5C8BD1;
    	text-decoration: underline;
    }
    #learnmore a:visited{
    	clear: both;
    	padding: 4px 0px 0px;
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 9px;
    	color: #3368B9;
    }
    #learnmore a:active{
    	clear: both;
    	padding: 4px 0px 0px;
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 9px;
    	color: #3368B9;
    }
    
    .floatimgleft {
    	background: #f2f2f2;
    	float: left;
    	margin: 0px 8px 8px 0px;
    	padding: 3px;
    	border: 1px solid #bdc6cc;
    	clear: both;
    }
    ul#nav {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	height: 25px;
    	width: 100%;
    	float: left;
    	border-right: 1px solid #333333;
    	border-bottom: 1px solid #663300;
    	border-left: 1px solid #333333;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #663333;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 0.95em;
    	font-weight: bold;
    	text-transform: capitalize;
    	color: #000000;
    	background-image: url(images/navbar.jpg);
    	line-height: 1.2em;
    }
      
    ul#nav li {
    	display: inline;
    	float: left;
    	margin: 0;
    	line-height:25px;
    	border-top: 0px;
    	border-bottom: 0px;
    	border-left: 0px;
    	padding: 0px;
    }
    ul#nav a {
    	color: #FFFFFF;
    	text-decoration: none;
    	margin: 0;
    	padding: 0 8px 0 8px;
    	position:relative;
    	display:block;
    	border-right-width: 1px;
    	border-right-style: solid;
    	border-right-color: #FFFFFF;
    }
      
    ul#nav a:hover, ul#nav a:active {
    	text-decoration:none;
    	color: #FFCC00;
    }
    body#home ul#nav li.home a,
    body#about ul#nav li.about a,
    body#waiting ul#nav li.waiting a,
    body#adoption ul#nav li.adoption a,
    body#programs ul#nav li.programs a,
    body#events ul#nav li.events a{
    	text-decoration:none;
    	color: #FFCC00;
    }
    
    * html ul#nav li, * html ul#nav li a{position:relative;float:left}
    /* mac hide \*/
    * html ul#nav li, * html ul#nav li a{height:1%}
    /* end hide */
    	 
    body#home ul#nav li.home a,
    body#about ul#nav li.about a,
    body#waiting ul#nav li.waiting a,
    body#adoption ul#nav li.adoption a,
    body#programs ul#nav li.programs a,
    body#events ul#nav li.events a{
    	text-decoration:none;
    	color: #FFCC00;  }
    
    #isnotMacIE5 { display: none;  }
    #isMacIE5 { display: block; background-color: #060; color: #fff; }
    
    /* commented backslash hack v2 \*/
    #isnotMacIE5 { display: block; background-color: #060; color: #fff; }
    #isMacIE5 { display: none; }
    
    
    
    #mainmenu {
    	margin: 8px 0px 20px;
    	list-style-type: none;
    	text-decoration: none;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 0.85em;
    	line-height: 1.3em;
    	color: #000000;
    	font-weight: normal;
    	width: 165px;
    	padding: 0px;
    }
    
    #mainmenu li {
    	padding-right: 0px;
    	padding-left: 4px;
    	padding-bottom: 5px;
    	margin-left: 1px;
    	padding-top: 5px;
    	color: #000000;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    }
    #mainmenu a {
    	color: #000000;
    	text-decoration: underline;
    	margin: 0;
    	font-weight: bold;
    	padding: 0 8px 0 8px;
    	position:relative;
    	display:block;
    }
    #mainmenu a:hover, 
    #mainmenu a:active {
    	text-decoration:underline;
    	color: #009900;
    }
    
    body#donations #mainmenu li.donations a, 
    body#sunshineroom #mainmenu li.sunshineroom a, 
    body#featurefeline #mainmenu li.featurefeline a,
    body#success #mainmenu li.success a,
    body#kidskats #mainmenu li.kidskats a,
    body#wishlist #mainmenu li.wishlist a,
    body#semiferal #mainmenu li.semiferal a,
    body#fiv #mainmenu li.fiv a,
    body#legislation #mainmenu li.legislation a,
    body#spayneuter #mainmenu li.spayneuter a,
    body#websites #mainmenu li.websites a,
    body#tips #mainmenu li.tips a  {
    	color: #009900;
    	font-weight: bold;
    	text-decoration:underline;
    }
    
    * html ul#nav li, * html #mainmenu li a{position:relative;float:left}
    /* mac hide \*/
    * html ul#nav li, * html mainmenu li a{height:1%}
    /* end hide */
    	 
    body#donations #mainmenu li.donations a, 
    body#sunshineroom #mainmenu li.sunshineroom a, 
    body#featurefeline #mainmenu li.featurefeline a,
    body#success #mainmenu li.success a,
    body#kidskats #mainmenu li.kidskats a,
    body#wishlist #mainmenu li.wishlist a,
    body#semiferal #mainmenu li.semiferal a,
    body#fiv #mainmenu li.fiv a,
    body#legislation #mainmenu li.legislation a,
    body#spayneuter #mainmenu li.spayneuter a,
    body#websites #mainmenu li.websites a,
    body#tips #mainmenu li.tips a{
    	color: #009900;
    	font-weight: bold;
    	text-decoration:underline;  }
    
    #isnotMacIE5 { display: none;  }
    #isMacIE5 { display: block; background-color: #060; color: #fff; }
    
    /* commented backslash hack v2 \*/
    #isnotMacIE5 { display: block; background-color: #060; color: #fff; }
    #isMacIE5 { display: none; }

    HTML
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><title>Escher Group, Ltd.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="It is the mission of the MetroWest Animal Humane Society to protect animals from neglect, abuse and exploitation to advocate for their interest and welfare, and inspire awareness and compassion for all living things." />
    <meta name="keywords" content="mwhs, metrowest humane society, cats, kittens, dogs, puppies, spay, neuter, trap, animals, rescue, animal rescue, protect, educate, release, trap, tnr, adoption, cat adoption, non-profit, no-kill, shelter, animal, no-kill animal shelter,MA" />
    <meta name="copyright" content="MWHS  All rights reserved. Duplication of any content on this site is prohibited." />
    <meta name="design" content="www.wicklowdesigns.com " />
    <meta name="hosted" content="www.webpaws.com " />
    <meta name="robots" content="all" />
    <meta name="revisit-after" content="14 days" />
    <meta name="distribution" content="global" />
    <meta name="document-classification" content="organization, non-profit" />
    <meta name="rating" content="general" />
    <meta name="language" content="EN" />
    <link href="fluid.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 5.5000]>
    <link rel="stylesheet" href="css/ie5.css" />
    <![endif]-->
    </head>
    <body id="about">
    <div id="pagecontainer">
    <div id="header">
    <div class="logocontainer"></div>
    
    
    <div id="banner"></div>
    
    </div>
    <ul id="nav">
    <!--#include file="topnav.html" -->
    </ul>
    
    <br 
    class="clearboth" />
    <div id="bodycontainer">
    <div id="leftcol">
      <ul id="mainmenu">
        <!--#include file="leftnav.html" -->
      </ul>
    </div></div>
    <div id="rightcol">
    <div class="stack">
    <div id="quicklinkboxheader">Quick Links </div>
    			<div class="leftcolpressbox">
    			<ul>
    				<li class="pressboxitem"><a href="http://www.eschergroup.com/">Software Technology</a></li>
    				<li class="pressboxitem"><a href="http://www.eschergroup.com/">Essential Architecture</a></li>
    			    <li class="pressboxitem"><a href="http://www.eschergroup.com/">Logistics</a></li>
    			</ul></div>
    			
    <div id="whitepaperboxheader">White Papers </div>
    			<div id="whitepaperbox">
    			<ul>
    				<li class="whitepaperboxitem"><a href="http://www.eschergroup.com/">WebRiposte Architecture</a></li>
    				<li class="whitepaperboxitem"><a href="http://www.eschergroup.com/">Essential Architecture</a></li>
    			    <li class="pressboxitem"><a href="http://www.eschergroup.com/">Logistics</a></li>
    			</ul>
    </div>			
    <div id="extraboxheader">Did You Know? </div>
    <div id="extrabox">
    			<div class="newsboxitem">
    			  <img src="images/product.jpg" alt="image" width="100" height="81" class="floatimgleft" />
    			  <a href="http://www.eschergroup.com/">is simply dummy text of the printing and typesetting industry</a>
    			  <div id="learnmore"><a href="#">Learn More</a> &raquo;</div>
    	  </div>
     </div>
     
    
    </div></div>
    <div id="maincol">
    
    <h2>Lorem Ipsum. </h2>
    <p>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
    <p>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
    </div>
    
    
    
    
    </div>
    
    <div id="footer">
      <!--#include file="footer.html" -->
     </div>
    </body></html>

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Why do you expect the footer to be flush to the bottom of the page? There are no 100% height declarations anywhere I can see - the footer is doing what it is supposed to do, sitting underneath the main content, so if the content isn't long enough to reach the bottom of the window, the footer will not be at the bottom of the page.

    You have a horizontal scrollbar as well.

  3. #3
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    northborough
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    how can i fix the h bar then?

    I understand what you are saying about the height- i will go through and work on that!

    thanks!
    sha

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,789
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    The horizontal bar is caused by the ul that is 100% wide and has side borders as well thus making it too big. Take out the float and the width and let it be static and then add clear:both and iit will stretch all the way across.

    100% height is explained in detail in the faq so here it is added to your page but check the faq for the why and wherefore

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Escher Group, Ltd.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="It is the mission of the MetroWest Animal Humane Society to protect animals from neglect, abuse and exploitation to advocate for their interest and welfare, and inspire awareness and compassion for all living things." />
    <meta name="keywords" content="mwhs, metrowest humane society, cats, kittens, dogs, puppies, spay, neuter, trap, animals, rescue, animal rescue, protect, educate, release, trap, tnr, adoption, cat adoption, non-profit, no-kill, shelter, animal, no-kill animal shelter,MA" />
    <meta name="copyright" content="MWHS  All rights reserved. Duplication of any content on this site is prohibited." />
    <meta name="design" content="www.wicklowdesigns.com " />
    <meta name="hosted" content="www.webpaws.com " />
    <meta name="robots" content="all" />
    <meta name="revisit-after" content="14 days" />
    <meta name="distribution" content="global" />
    <meta name="document-classification" content="organization, non-profit" />
    <meta name="rating" content="general" />
    <meta name="language" content="EN" />
    <link href="fluid.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    * {margin:0;padding:0}
    /* mac hide \*/
    html,body{height:100%}
    * html #pagecontainer{height:100%}
    /* end hide */
    h1,h2,h3,h4,h5,h6,p, ul{margin-bottom:1em;}
    ul{margin-left:16px}
    body {
     font-size: 80%;
     line-height: 1.5em;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     margin: 0px;
     padding: 0px;
     background-image: url(http://www.wicklowdesigns.com/mwhsfl...eftcolback.jpg);
     background-repeat: no-repeat;
     background-position: left top;
    }
    #pagecontainer {
     width: 100%;
     min-width: 700px;
     margin: 0px;
     min-height:100%;
     }
    #header {
     float: left;
     width: 100%;
     background-repeat: no-repeat;
     background-position: right top;
     margin: 0px;
     padding: 0px;
     height: 100px;
     background-image: url(http://www.wicklowdesigns.com/mwhsfl..._banner400.jpg);
     background-color: #FFFF99;
    }
    .logocontainer  {
     background-position: left top;
     display: block;
     float: left;
     width: 150px;
     height: 50px;
     padding: 0px;
     margin: 0px;
     position: relative;
     left: 10px;
     top: 10px;
     background-color: #FFFF99;
    }
    #leftcol {
     float: left;
     width: 170px;
     font-size: 120%;
     margin: 0px;
     padding: 0px;
    }
    #rightcol {
     float: right;
     width: 170px;
     font-size: 120%;
     margin-right: 6px;
    }
    #maincol {
     margin-left: 175px;
     margin-right: 175px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 0px;
     padding-bottom: 0px;
    }
    .stack {
     padding: 2px 0px 0px;
     margin: 0px;
    }
    .clearboth {
     clear: both;
     height:1px;
     overflow:hidden;
     margin-top:-1px;
    }
    #footer {
     font-size: 80%;
     margin: 0px;
     color: #333333;
     line-height: 1.3em;
     font-family: verdana, arial, helvetica, sans-serif;
     text-align: center;
     clear: both;
     text-transform: capitalize;
     background-color: #CCCC99;
     padding-top: 10px;
     height:30px;
     margin-top:-40px;
     position:relative;
    }
    #footer a:link {
     color: #333333;
     font-family: verdana, arial, helvetica, sans-serif;
     text-decoration: underline;
     line-height: 1.3em;
    }
    #footer a:active {
     color: #333333;
     font-family: verdana, arial, helvetica, sans-serif;
     text-decoration: underline;
     line-height: 1.3em;
    }
    #footer a:visited {
     color: #333333;
     font-family: verdana, arial, helvetica, sans-serif;
     text-decoration: underline;
     line-height: 1.3em;
    }
    #footer a:hover {
     color: #666666;
     font-family: verdana, arial, helvetica, sans-serif;
     text-decoration: none;
     line-height: 1.3em;
    }
    .stack p {
     margin-top: 0px
    }
    h3 {
     display: block; border-bottom: #cccccc 1px solid
    }
    h2 {
     color: #000000;
     font-size: 22px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-weight: normal;
     padding: 5px 0px 0px;
     margin: 0px;
     line-height: 1.3em;
    }
    #navcontainer ul
    {
     color: white;
     width: 100%;
     font-family: verdana, arial, helvetica, sans-serif;
     margin: 0;
     padding: 0;
     float: left;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 0.1em;
     font-size: 10px;
     background-color: #6699CC;
    }
    #navcontainer ul li { display: inline; }
    #navcontainer ul li a
    {
     padding: 0.2em 1em;
     color: white;
     text-decoration: none;
     float: left;
     border-right: 1px solid #fff;
     margin: 0px;
    }
    #navcontainer ul li a:hover
    {
    background-color: #369;
    color: #fff;
    }
    .leftcolpressbox {
     padding:6px 6px 0px;
     border: 1px solid #999999;
     margin: 0px;
    }
    #pressboxheader {
     color:#ffffff;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     background-color: #999999;
    }
    .pressboxitem {
     margin-bottom:8px;
     font-size:9px;
     font-family: verdana, arial, helvetica, sans-serif;
     line-height: 1.3em;
     padding: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
    }
    #leftcolpressbox a:link {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolpressbox a:active {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolpressbox a:visited {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolpressbox a:hover {
     font-size: 10px; 
     color: #517CA1; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    .leftcolpressbox ul {
     padding-left: 0px;
     margin: 0px;
     list-style-type: none;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
    }
    .leftcolpressbox ul li {
     padding-right: 0px;
     padding-left: 15px;
     background: url(http://www.wicklowdesigns.com/mwhsfl...ages/arrow.gif) no-repeat 0px 0px;
     padding-bottom: 8px;
     padding-top: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     margin: 0px;
    }
    .leftcolnewsbox {
     padding:6px 6px 0px;
     border: 1px solid #999999;
     margin: 0px;
    }
    .newsboxheader {
     color:#ffffff;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     background-color: #666666;
    }
    .newsboxitem {
     margin-bottom:8px;
     font-size:9px;
     font-family: verdana, arial, helvetica, sans-serif;
     line-height: 1.3em;
     padding: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
    }
    #leftcolnewsbox a:link {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:active {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:visited {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:hover {
     font-size: 10px; 
     color: #517CA1; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox p {
     padding:6px 0px;
     margin: 0px 0px 12px;
    }
    .newsboxheader {
     color:#ffffff;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     background-image: url(http://www.wicklowdesigns.com/mwhsfl...mages/grey.gif);
    }
    .newsboxitem {
     margin-bottom:8px;
     font-size:9px;
     font-family: verdana, arial, helvetica, sans-serif;
     line-height: 1.3em;
     padding: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
    }
    #leftcolnewsbox a:link {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:active {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:visited {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox a:hover {
     font-size: 10px; 
     color: #517CA1; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #leftcolnewsbox p {
     padding:6px 0px;
     margin: 0px 0px 12px;
    }
    .clearbr {
     clear: both;
     padding: 0px;
     margin: 0px 0px 10px;
    }
    #quicklinkboxheader {
     color:#4e4e4e;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     border-top: 1px solid #999999;
     border-right: 1px solid #999999;
     border-left: 1px solid #999999;
     background-image: url(http://www.wicklowdesigns.com/mwhsfl...quicklinks.gif);
    }
    #whitepaperbox {
     padding:6px 6px 0px;
     border: 1px solid #999999;
     margin: 0px;
    }
    .whitepaperboxitem {
     margin-bottom:8px;
     font-size:9px;
     font-family: verdana, arial, helvetica, sans-serif;
     line-height: 1.3em;
     padding: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
    }
    #whitepaperboxheader {
     color:#356197;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     border-top: 1px solid #999999;
     border-right: 1px solid #999999;
     border-left: 1px solid #999999;
     background-color: #f9f9f9;
    }
    #whitepaperbox a:link {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #whitepaperbox a:active {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #whitepaperbox a:visited {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #whitepaperbox a:hover {
     font-size: 10px; 
     color: #517CA1; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #whitepaperbox ul {
     padding-left: 0px;
     margin: 0px;
     list-style-type: none;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
    }
    #whitepaperbox ul li {
     padding-right: 0px;
     padding-left: 15px;
     background: url(http://www.wicklowdesigns.com/mwhsfl...whitepaper.gif) no-repeat 0px 0px;
     padding-bottom: 8px;
     padding-top: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     margin: 0px;
    }
    #extrabox {
     padding:6px 6px 0px;
     border: 1px solid #6699cc;
     margin: 0px;
    }
    #extraboxheader {
     color:#ffffff;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size:10px;
     padding:2px 5px 2px 8px;
     font-weight: bold;
     letter-spacing: 0.1em;
     text-transform: capitalize;
     margin: 8px 0px 0px;
     line-height: 1.5em;
     border-top: 1px solid #6699cc;
     border-right: 1px solid #6699cc;
     border-left: 1px solid #6699cc;
     background-color: #6699cc;
    }
    #extrabox a:link {
     font-size: 10px;
     color: #333333;
     font-family: verdana, arial, helvetica, sans-serif;
     text-decoration: none;
    }
    #extrabox a:active {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #extrabox a:visited {
     font-size: 10px; 
     color: #333333; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #extrabox a:hover {
     font-size: 10px; 
     color: #517CA1; 
     font-family: verdana, arial, helvetica, sans-serif; 
     text-decoration: none
    }
    #learnmore {
     padding: 4px 0px 0px;
     margin: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 9px;
     color: #3368B9;
     line-height: 1.3em;
    }
    #learnmore a:link{
     clear: both;
     padding: 4px 0px 0px;
     margin: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 9px;
     color: #3368B9;
    }
    #learnmore a:hover{
     clear: both;
     padding: 4px 0px 0px;
     margin: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 9px;
     color: #5C8BD1;
     text-decoration: underline;
    }
    #learnmore a:visited{
     clear: both;
     padding: 4px 0px 0px;
     margin: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 9px;
     color: #3368B9;
    }
    #learnmore a:active{
     clear: both;
     padding: 4px 0px 0px;
     margin: 0px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 9px;
     color: #3368B9;
    }
    .floatimgleft {
     background: #f2f2f2;
     float: left;
     margin: 0px 8px 8px 0px;
     padding: 3px;
     border: 1px solid #bdc6cc;
     clear: both;
    }
    ul#nav {
     margin: 0;
     padding: 0;
     list-style-type: none;
     height: 25px;
    clear:both;
     border-right: 1px solid #333333;
     border-bottom: 1px solid #663300;
     border-left: 1px solid #333333;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #663333;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 0.95em;
     font-weight: bold;
     text-transform: capitalize;
     color: #000000;
     background-image: url(http://www.wicklowdesigns.com/mwhsfl...ges/navbar.jpg);
     line-height: 1.2em;
    }
      
    ul#nav li {
     display: inline;
     float: left;
     margin: 0;
     line-height:25px;
     border-top: 0px;
     border-bottom: 0px;
     border-left: 0px;
     padding: 0px;
    }
    ul#nav a {
     color: #FFFFFF;
     text-decoration: none;
     margin: 0;
     padding: 0 8px 0 8px;
     position:relative;
     display:block;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #FFFFFF;
    }
      
    ul#nav a:hover, ul#nav a:active {
     text-decoration:none;
     color: #FFCC00;
    }
    body#home ul#nav li.home a,
    body#about ul#nav li.about a,
    body#waiting ul#nav li.waiting a,
    body#adoption ul#nav li.adoption a,
    body#programs ul#nav li.programs a,
    body#events ul#nav li.events a{
     text-decoration:none;
     color: #FFCC00;
    }
    * html ul#nav li, * html ul#nav li a{position:relative;float:left}
    /* mac hide \*/
    * html ul#nav li, * html ul#nav li a{height:1%}
    /* end hide */
      
    body#home ul#nav li.home a,
    body#about ul#nav li.about a,
    body#waiting ul#nav li.waiting a,
    body#adoption ul#nav li.adoption a,
    body#programs ul#nav li.programs a,
    body#events ul#nav li.events a{
     text-decoration:none;
     color: #FFCC00;  }
    #isnotMacIE5 { display: none;  }
    #isMacIE5 { display: block; background-color: #060; color: #fff; }
    /* commented backslash hack v2 \*/
    #isnotMacIE5 { display: block; background-color: #060; color: #fff; }
    #isMacIE5 { display: none; }
     
    #mainmenu {
     margin: 8px 0px 20px;
     list-style-type: none;
     text-decoration: none;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 0.85em;
     line-height: 1.3em;
     color: #000000;
     font-weight: normal;
     width: 165px;
     padding: 0px;
    }
    #mainmenu li {
     padding-right: 0px;
     padding-left: 4px;
     padding-bottom: 5px;
     margin-left: 1px;
     padding-top: 5px;
     color: #000000;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
    }
    #mainmenu a {
     color: #000000;
     text-decoration: underline;
     margin: 0;
     font-weight: bold;
     padding: 0 8px 0 8px;
     position:relative;
     display:block;
    }
    #mainmenu a:hover, 
    #mainmenu a:active {
     text-decoration:underline;
     color: #009900;
    }
    body#donations #mainmenu li.donations a, 
    body#sunshineroom #mainmenu li.sunshineroom a, 
    body#featurefeline #mainmenu li.featurefeline a,
    body#success #mainmenu li.success a,
    body#kidskats #mainmenu li.kidskats a,
    body#wishlist #mainmenu li.wishlist a,
    body#semiferal #mainmenu li.semiferal a,
    body#fiv #mainmenu li.fiv a,
    body#legislation #mainmenu li.legislation a,
    body#spayneuter #mainmenu li.spayneuter a,
    body#websites #mainmenu li.websites a,
    body#tips #mainmenu li.tips a  {
     color: #009900;
     font-weight: bold;
     text-decoration:underline;
    }
    * html ul#nav li, * html #mainmenu li a{position:relative;float:left}
    /* mac hide \*/
    * html ul#nav li, * html mainmenu li a{height:1%}
    /* end hide */
      
    body#donations #mainmenu li.donations a, 
    body#sunshineroom #mainmenu li.sunshineroom a, 
    body#featurefeline #mainmenu li.featurefeline a,
    body#success #mainmenu li.success a,
    body#kidskats #mainmenu li.kidskats a,
    body#wishlist #mainmenu li.wishlist a,
    body#semiferal #mainmenu li.semiferal a,
    body#fiv #mainmenu li.fiv a,
    body#legislation #mainmenu li.legislation a,
    body#spayneuter #mainmenu li.spayneuter a,
    body#websites #mainmenu li.websites a,
    body#tips #mainmenu li.tips a{
     color: #009900;
     font-weight: bold;
     text-decoration:underline;  }
    #isnotMacIE5 { display: none;  }
    #isMacIE5 { display: block; background-color: #060; color: #fff; }
    /* commented backslash hack v2 \*/
    #isnotMacIE5 { display: block; background-color: #060; color: #fff; }
    #isMacIE5 { display: none; }
    .clearfooter{height:37px;clear:both;}
    
    </style>
    <!--[if lt IE 5.5000]>
    <link rel="stylesheet" href="css/ie5.css" />
    <![endif]-->
    </head>
    <body id="about">
    <div id="pagecontainer">
      <div id="header">
    	<div class="logocontainer"></div>
    	<div id="banner"></div>
      </div>
      <ul id="nav">
    	<li class="home"><a href="index.html" title="mwhs home">home</a> </li>
    	<li class="about"><a href="about.html" title="about us">about us</a> </li>
    	<li class="waiting"><a href="waiting.html" title="cats available for adoption">cats available for adoption</a> </li>
    	<li class="adoption"><a href="adoptionprogram.html" title="adoption program">how to adopt</a> </li>
    	<li class="programs"><a href="programs.html" title="mwhs programs">MWHS programs</a></li>
    	<li class="events"><a href="events.html" title="events">events</a></li>
      </ul>
      <div class="clearboth"></div>
      <div id="bodycontainer">
    	<div id="leftcol">
    	  <ul id="mainmenu">
    		<li class="donations"><a href="donations.html">Donations</a></li>
    		<li class="sunshineroom"><a href="sunshineroom.html">The Sunshine Room</a></li>
    		<li class="featurefeline"><a href="featurefeline.html">Feature Feline(s)</a></li>
    		<li class="success"><a href="success.html">Success Stories</a></li>
    		<li class="kidskats"><a href="kidskats.html">Kids &amp; Kats</a></li>
    		<li class="wishlist"><a href="wishlist.html">MWHS Wish List</a></li>
    		<li class="semiferal"><a href="semiferal.html">Semi Feral Cats</a></li>
    		<li class="fiv"><a href="fiv.html">FIV+ Cats</a></li>
    		<li class="legislation"><a href="legislation.html">Animal Legislation</a></li>
    		<li class="spayneuter"><a href="spayneuter.html">Early Spay/Neuter</a></li>
    		<li class="websites"><a href="animalwebsites.html">Resource Library</a></li>
    		<li class="tips"><a href="tips.html">Pet Care Tips</a></li>
    	  </ul>
    	</div>
      </div>
      <div id="rightcol">
    	<div class="stack">
    	  <div id="quicklinkboxheader">Quick Links </div>
    	  <div class="leftcolpressbox">
    		<ul>
    		  <li class="pressboxitem"><a href="<A href="http://www.eschergroup.com/">Software">http://www.eschergroup.com/">Software Technology</a></li>
    		  <li class="pressboxitem"><a href="<A href="http://www.eschergroup.com/">Essential">http://www.eschergroup.com/">Essential Architecture</a></li>
    		  <li class="pressboxitem"><a href="<A href="http://www.eschergroup.com/">Logistics</a></li">http://www.eschergroup.com/">Logistics</a></li>
    		</ul>
    	  </div>
    	  <div id="whitepaperboxheader">White Papers </div>
    	  <div id="whitepaperbox">
    		<ul>
    		  <li class="whitepaperboxitem"><a href="<A href="http://www.eschergroup.com/">WebRiposte">http://www.eschergroup.com/">WebRiposte Architecture</a></li>
    		  <li class="whitepaperboxitem"><a href="<A href="http://www.eschergroup.com/">Essential">http://www.eschergroup.com/">Essential Architecture</a></li>
    		  <li class="pressboxitem"><a href="<A href="http://www.eschergroup.com/">Logistics</a></li">http://www.eschergroup.com/">Logistics</a></li>
    		</ul>
    	  </div>
    	  <div id="extraboxheader">Did You Know? </div>
    	  <div id="extrabox">
    		<div class="newsboxitem"> <img src="http://www.wicklowdesigns.com/mwhsfl...es/product.jpg" alt="image" width="100" height="81" class="floatimgleft" /> <a href="<A href="http://www.eschergroup.com/">is">http://www.eschergroup.com/">is simply dummy text of the printing and typesetting industry</a>
    		  <div id="learnmore"><a href="#">Learn More</a> &raquo;</div>
    		</div>
    	  </div>
    	</div>
      </div>
      <div id="maincol">
    	<h2>Lorem Ipsum. </h2>
    	<p>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
    	  electronic typesetting, remaining essentially unchanged.</p>
    	<p>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
    	  electronic typesetting, remaining essentially unchanged.</p>
      </div>
      <div class="clearfooter"></div>
    </div>
    <div id="footer">  2005 MetroWest Humane Society, Inc. all rights reserved.<br />
      <a href="index.html">home</a> | <a 
    href="about.html">about us</a> | <a 
    href="news.html">cats available for adoption</a> | <a 
    href="customers.html">how to adopt</a> | <a 
    href="ps.html">MWHS programs</a> | <a 
    href="support.html">events</a> </div>
    </body>
    </html>
    Hope that helps

  5. #5
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    northborough
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    yes, once again you have saved the day! many,many thanks!

    -sha


Bookmarks

Posting Permissions

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