Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > BOOK: Professional CSS: Cascading Style Sheets for Web Design
Password Reminder
Register
Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
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 tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
 
 
Thread Tools Display Modes
  #1 (permalink)  
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!
  #2 (permalink)  
Old January 31st, 2012, 07:29 AM
Sirajee
Guest
 
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.
http://shoppingfordealsonline.com/books/
 


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

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 08:16 PM



All times are GMT -4. The time now is 12:57 PM.


Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.