Making a gap on the bottom of page.

Home

SEO

Coding

Contact

Making a gap on the bottom of page.

Sample mark up

<body>
	<div class="page">
		<div class="content">
			the outmost div here is div class="page"
		</div>
	</div>
</body>

If the outmost div is floated - padding-bottom

.page{
float:left;
padding-bottom:11px;
width:100px;
}
.content{
float:left;
width:97px;
}

If the outmost div is not floated - padding-bottom, and for Firefox overflow:hidden

.page{
margin:0 auto;
padding-bottom:11px;
overflow:hidden;
width:100px;
}
.content{
float:left;
width:97px;
}

2009.

Web Development - XHTML CSS JavaScript jQuery.