Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
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 February 28th, 2008, 10:39 AM
Registered User
 
Join Date: Feb 2008
Location: Katy, Texas, .
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default Chap 1, Example 1-1 - IE not showing like Safari

Hi. I'm enjoying your book. I've typing in the example and checked my code with the downloaded code to make sure I did every correct. It appears I did type everything in correct, as diff tells me so.

But just to be sure, I am using the downloaded html and css files, and the images still do not show up correctly.

In Safari, the images of the planets are pretty much centered left to right and top to bottom in the areas where the reside. However, in IE 6, they are leftmost and topmost in their respective areas.

Here is Safari: http://www.burchwoodusa.com/miscpix/...r_position.png

Here is IE 6: http://www.burchwoodusa.com/miscpix/...on_jupiter.PNG

The other difference is the dark background behind the planet facts. In Safari it is transparent, while in IE 6 it is opaque.

Is there a fix?

Thanks., Todd

 
Old March 18th, 2008, 11:11 PM
richard.york's Avatar
Wrox Author
Points: 5,506, Level: 31
Points: 5,506, Level: 31 Points: 5,506, Level: 31 Points: 5,506, Level: 31
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: Camby, IN, USA.
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

Ah, well, it seems I used a "fixed" background image for div#solar-system. And IE6 doesn't support "fixed" background images on anything other than the <body> element, that's what gives the illusion of transparency in Safari. IE7 does support this effect though.

You could just drop the "fixed" keyword from that declaration, and you should get the star background back, it won't look as cool as it does in Safari, but it should render.

In any case, this example wasn't really meant to be pixel-perfect. It was just meant as a quick, get your feet wet example. As you will have learned later in the book, you can fine tweak the various aesthetic anomalies present in IE with a conditional comment style sheet until you get a rendering that much more closely matches the other browsers.

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
javascript in safari arafat.eajaz Javascript 0 September 5th, 2008 02:06 AM
safari/apple and .net reblev ASP.NET 2.0 Basics 2 August 27th, 2007 02:09 PM
(Chap 2) problem with cookies using safari browser Stephen Liggett BOOK: Beginning PHP, Apache, MySQL Web Development ISBN: 978-0-7645-5744-6 0 April 20th, 2006 11:25 AM
tell about safari -n- konqueror anshul HTML Code Clinic 2 August 26th, 2004 09:32 PM
Safari Browser Larson HTML Code Clinic 0 February 11th, 2004 10:55 PM





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