Wrox Programmer Forums
BOOK: Professional CSS: Cascading Style Sheets for Web Design
This is the forum to discuss the Wrox book Professional CSS: Cascading Style Sheets for Web Design by Christopher Schmitt, Mark Trammell, Ethan Marcotte, Dunstan Orchard, Todd Dominey; ISBN: 9780764588334
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK: Professional CSS: Cascading Style Sheets for Web Design section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
Old July 19th, 2010, 03:33 PM
Registered User
Join Date: Jul 2010
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default page 250 overlap footer by columns:solution ok?

I was confronted with the following problem which is described on page 250:

"Either solution will have the same effect — whether the margins are applied to the footer div itself or
a container, the effect will be the same (see Figure 9-21). The footer will always appear between the two
sidebars, if not always below them.
To prevent any overlap from the absolutely positioned sidebars, you can place the footer div within the
main content block. However, when the height of the sidebar columns exceeds the height of the central
column, the footer will appear significantly higher than the bottom of the page.
This is a serious shortcoming of the absolute positioning model..."

Though later the solution of floating is suggested, I didn't find a way to do that in the book. So, I came up with this:
#footer {
background-color: #FDD;
border: 1px solid #C00;
float: right;
width: 100%;
text-align: center;
margin-left: 0px;
vertical-align: bottom;}

The footer is now situated at the bottom of the page, and is not being overlapped by or in between of the left and right column.

By the way, the "footer" div in the html file is only included in the "container" div.

Can someone tell me if this is the right solution to the problem?

Thanks in advance!
Old January 31st, 2012, 08:29 AM
Posts: n/a
Default Best way to books shopping deals

The Nook Color Tablet from Barnes and Noble is one such e-reader that was one of the first in bringing technology to the world of books. This device has many features that make it a great buy, at a very competitive price.

Similar Threads
Thread Thread Starter Forum Replies Last Post
Page 250 static over styles kiwibrit BOOK: Beginning ASP.NET 3.5 : in C# and VB BOOK ISBN: 978-0-470-18759-3 3 March 27th, 2010 04:35 AM
Totaling columns in a footer row of a GridView psimonson ASP.NET 2.0 Basics 1 May 5th, 2008 01:34 PM
Java solution Read Mixed data columns from excel. pranjaldutta VBScript 1 March 19th, 2007 12:29 PM
page footer drachx Crystal Reports 0 October 12th, 2005 05:47 AM
page footer damnnono_86 Access 8 October 27th, 2003 09:16 PM

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.