Wrox Programmer Forums
|
BOOK Beginning CSS: Cascading Style Sheets for Web Design, 2nd Ed; ISBN: 978-0-470-09697-0
This is the forum to discuss the Wrox book Beginning CSS: Cascading Style Sheets for Web Design, 2nd Edition by Richard York; ISBN: 9780470096970
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK Beginning CSS: Cascading Style Sheets for Web Design, 2nd Ed; ISBN: 978-0-470-09697-0 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 March 16th, 2008, 03:37 PM
Registered User
 
Join Date: Mar 2008
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Example 3-1 question

I noticed in IE7 that if I expanded the window larger than the launch size, p#container-1234 will jump up next to p.box .

First off, I was wondering why?

Secondly, I tried (in my humble newbie way) to apply the clear:right; declaration to the p.box rule and it still floats up that way.

I would like to understand why it acts this way. I am probably adding too much confusion to my learning here but I can't seem to get past the 'why' to move on in the book :)

Thanks,



G.Blakeney
 
Old March 17th, 2008, 02:10 AM
Registered User
 
Join Date: Mar 2008
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Default

hi,

i'm not by any means an expert, but i think i know the answer to your question.

first off, you're right in that this bit of code will NOT display right in ie 7. however, it WILL in firefox 2.0. so, i'm thinking there is something wrong with how ie 7 is rendering these rules.

and the clear:right rule will only work if you've applied a float:right rule. so, it won't help you at all in this case.

is that a good enough answer for you to continue reading the book and not worry about this one thing that might be unrelated to css, but is instead an ie 7 bug??
 
Old March 17th, 2008, 03:12 AM
Registered User
 
Join Date: Mar 2008
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Sounds good clue!

Thanks - I knew I did not understand the declaration completely, just monkeyed around some.

I am really enjoying learning this CSS stuff.:D

G.Blakeney
 
Old March 18th, 2008, 10:54 PM
richard.york's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

I haven't looked at the code again in IE7 (I don't have it handy and running) but, it sounds like another IE float bug.

A clear: left; for a corresponding float: left; should completely reset the float. That is to say, floating elements that appear after the clear: left; should never float higher than the element bearing the clear: left; declaration.

Of course, as you'll have seen throughout this book, sometimes IE has its own way of doing things. ;)

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design, 2nd Edition
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html





Similar Threads
Thread Thread Starter Forum Replies Last Post
question maheshraju ASP.NET 2.0 Basics 3 March 13th, 2008 08:54 AM
Question Ashwini Classic ASP Databases 3 January 10th, 2006 07:20 AM
Question? Calibus Classic ASP Databases 8 August 6th, 2004 08:25 AM
a question gorji C++ Programming 2 August 11th, 2003 07:41 AM





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