Web development, coding & SEO

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.

back to parent page

to top