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 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 .
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.
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.
Chap 1, Example 1-1 - IE not showing like Safari
Linear Mode
