Which One's Broken, Low End Mac or Internet Explorer 6?
Dan Knight - 2005.05.27 - Tip Jar
Low End Mac Reader Specials
Memory To Go Special: New 2008 iMac 2GB $42 / iMac Intel Core2 DUO & MacBook Pro 2GB $36 - 1GB $20. MacPro 8 Core Memory 8GB kit $286 / 4GB kit $143 / 2GB kit $93 -- Free shipping available. LIfetime warranty.
Download Typestyler, still the Ultimate Styling Tool for Internet, Print and Video Graphics. Works great in Classic with a Native OS X Version on the way. Free Tryout: www.typestyler.com
LA Computer Company: Specials on AppleCare, iMac's, Apple Batteries and Apple A/C Adapters. Also Great prices on Used Apple Computers. Call 1-800-941-7654 Click Here.
OWC: NewerTech NuPower Batteries for iBook and PowerBooks Designed+Built in USA to run longer, LAST LONGER TOO! Free Battery Recycling Return Label; Quality High-Capacity from $99.95
Mac users can finally play Party Poker for Mac. Not only that, they can also learn how to play PokerStars for Mac.
Laptop Hardware Provided by TechRestore - Overnight Mac & iPod Repairs.
Compare products like desktop computers, laptops, and LCD TVs side by side! All the information and reviews to make the best purchasing decision for a new cell phone GPS products or MP3 players. The Ciao network makes searching products easy for you.
A week ago we moved to a CSS-based design at Low End Mac. CSS has been supported by all the major browsers since version 4.0, and only the tiniest fraction of a percent of our visitors are not using modern browsers, so I spent some time learning CSS design, pretty much replicated our existing look-and-feel, and started posting pages with the new design last week.
I did a lot of reading, typed in a lot of examples, did a lot of testing on my eMac (Firefox, Safari, Shiira, Camino, Opera, even Internet Explorer 5.2), and tweaked things until it looked almost the same on all these browsers. There are some differences, and iCab 2.9.x doesn't support the design at all (3.0 will), but between following established standards and testing in all my browsers, I though I was safe.
I didn't count on Internet Explorer 6.
Go figure. In no time at all I started getting emails about Low End Mac being "broken". Broken? But it worked in each one of my browsers and was directly based in samples published in CSS manuals. It should have worked.
It took a while, but by midweek I was finally getting some screen shots. Those of you who don't use IE 6 know that the LEM home page looks like this:

Visitors using IE 6 were seeing this instead:

It didn't make any sense at all. The vertical bar with the ads is supposed to be absolutely positioned on the left side of the page. It is in every browser except IE 6. I have to believe that this is some sort of Microsoft bug, since my style sheets and XHTML validate.
If you do a Google search for Internet Explorer CSS bugs, you'll discover there are a lot of them. From my research, none of them matched this problem, so I'm hoping some LEM reader will be able to help solve this problem. After all, 36% of our visitors are using Windows XP, and 90% of them are probably using IE 6. That's one-third of our visitors who can't read the site properly - and that's a big problem.
(Yes, I really should invest in a WinXP computer, but my 17 months with an old Dell have convinced me that a Windows computer on the Internet is trouble just waiting to happen. I spend more time updating and running antivirus, anti-adware, and anti-spyware programs than actually using the computer.)
Here's the CSS code that defines the main section of our pages:
#content {position: relative;
background-color: #ffffff; }
#main-text {margin-left: 168px;
margin-right: 0.5em;
position: static;
top: 0px; }
#adbar {position: absolute;
background-color: #eeeeee;
top: 0px;
left: 0px;
bottom: 0px;
width: 160px;
line-height: 1.25em; }
The "adbar" section should place a 160 pixel wide bar down right at the left side (0px) of the page. The "main-text" section puts the bulk of the page 169 pixels from the left side of the page. It shouldn't be possible for these sections to overlap.
And here's a very reduced version of the XHTML code that shapes the page:
<div id="content">
<div id="main-text">
INCLUDE TEXT HERE
</div>
<div id="adbar">
INCLUDE ADS HERE
</div>
</div>
The first and last "divs" mark off a section of the page. The 2nd and 3rd divs display the main text in accordance with the CSS rules above. The 4th and 5th divs display the advertising bar on the left side of the page - except in IE 6.
(For the record, I've eliminated the "adbar" section on this page so IE 6 users can read it.)
If any of you can shed some light and help me find a solution to
this problem - other than going back to inefficient table-based
layout - I'm all ears. Please email me. Thanks!
Dan Knight
Feedback
Several visitors have emailed to answer the question in the title of this article, "Which one's broken, Low End Mac or Internet Explorer 6?" They each say it's definitely IE 6.
See our follow-up article, Making Low End Mac's Design Work with Internet Explorer 6, to see how we solved this problem.
Dan Knight has been using Macs since 1986, sold Macs for several years, supported them for many more years, and has been publishing Low End Mac since April 1997. If you find Dan's articles helpful, please consider making a donation to his tip jar.
Recent Mac Musings
- The October 2008 MacBook Value Equation, 10.15. Apple changed the entire MacBook lineup on Tuesday. How do close-out prices compare to the new ones?
- What Would an $800 MacBook Mean for the Mac mini?, 10.09. If Apple does release an $800 entry-level MacBook next week, the $600 Mac mini is going to look very overpriced.
- Low End Mac Needs Help Moving to Joomla, 10.08. We've settled on Joomla as the content management system that should work very well for Low End Mac, but we're running stuck with templates.
- Mac nano? Brick? How Small Could Apple Make a Mac?, 09.23. The iPhone and iPod touch show how small Apple can make a computer. What if Apple wanted to build a very, very small Macintosh?
- More in the Mac Musings index.
Links for the Day
- Mac of the Day: Power Mac G3, Nov. 1997 - The first G3 Power Mac and the last Mac in a beige enclosure.
- List of the Day: Mac OS 9 List covers Mac OS 9 as both a freestanding OS and as Classic mode in OS X.
- October 16 in LEM history: 97: Digital camera idea - 00: Sold on Mac for 10 years - 01: 600 MHz iBook - PowerBook G4/550 & 667 - Web presence on a shoestring - The therapeutic Mac - 03: Using iDisk in the classroom - 06: Driverless USB webcam - The EVDO superhighway - 07: 350 MHz iMac G - Faster flash memory makes a big difference
Recent Content on Low End Mac
- G3 and Low End G4 Mac Performance Comparison, Simon Royal, Mac Spectrum, 10.15. Factors that impact performance are the version of CPU, the size and speed of the Level 2 cache, and how much RAM is installed.
- The Good, the Bad, and the Ugly of Apple Design, Charles W. Moore, Miscellaneous Ramblings, 10.15. Apple has produced some beautiful computers and iPods over the years, but also a few of the ugliest and most ungainly computers ever seen.
- 3 Reasons to Use a Mac, and Pismo Troubleshooting, Charles W. Moore, Miscellaneous Ramblings, 10.15. Why one Windows user is also a Mac user, a Pismo that can't see its AirPort card, and sources of kernel panics.
- Best MacBook Deals, Low End Mac Deals, 10.15. Used 1.83 GHz, $649; 2.0 SD, $750; refurb 2.1 GHz, $849; 2.4, $1,049; black, $1,099; new 2.1, $869 after rebate; 2.4, $1,175 a/r; black, $1,194 a/r.
- Best 15" MacBook Pro Deals, Low End Mac Deals, 10.15. Used 2.0 GHz Core Duo, $1,000; 2.16, $1,100; refurb, 2.4, $1,349; new, $1,444 after rebate; refurb 2.5, $1,499; new, $1,644 a/r; refurb 2.6, $1,799; new, $2,594 a/r.
- Best MacBook Air Deals, Low End Mac Deals, 10.15. Used 1.6 80 HD, $1,200; refurb, $1,349; new, $1,549; 1.8 120, $1,999; 1.6 128 SSD, $2,299; used 1.8 64 SSD, $1,800; new, $2,100.
- MacBook (Unibody), 10.14. The MacBook gets the same aluminum treatment as the MacBook Pro - and dedicated GeForce 9400M graphics.
- 15" MacBook Pro (Unibody), 10.14. The new MacBook Pro's case is carved from a block of aluminum for increased strength.
- MacBook White, 10.14. Entry-level white MacBook gets a SuperDrive, retail price reduced to US$999.
- MacBook Air (GeForce), 10.14. More storage, a video port, and GeForce 9400M graphics improve the MacBook Air.
- Death of the iPod 'Way Off in the Future', Tim Nash, Taking Back the Market, 10.14. Someday Apple will decide that the iPod is no longer profitable and discontinue it, "but that day looks to be way off in the future."
- Best Intel iMac Deals, Low End Mac Deals, 10.14. Used 20" 1.83 GHz, $599; 2.0, $730; 2.16, $800; 24", $950; refurb 17" 1.83, $699; 20" 2.0, $949; 2.4, $999; 2.66, $1,299; 24" 2.4, $1,299; 2.8, $1,549; 3.06, $1,899; rebates on new.
- Best iBook G3 Deals, Low End Mac Deals, 10.14. Used 300 MHz clamshell, $150; 366, $199; 500 CD, $149; 800, $190; 600 DVD, $200; CD-RW, $240; 700 Combo, $250; 900, $369; 14" 600, $230; 900, $449.
- Best Classic iPod Deals, Low End Mac Deals, 10.14. Used 60 GB color, $150; used 30 video, $140; 80, $170; refurb 80 classic, $169; new 120 GB, $240; refurb 160 GB, $249; new, $280. New & refurb include shipping.
- Will Apple's Rumored $800 Notebook Be a Netbook?, Charles W. Moore, 'Book Value, 10.13. Netbooks are hot, and with the economy in turmoil, Apple needs to offer a netbook for the OS X crowd.
- Best Titanium PowerBook G4 Deals, Low End Mac Deals, 10.13. Used 667 MHz Combo, $480; 867 MHz, $530; 1 GHz, $590; SuperDrive, $900.
- Best Classic Mac OS Deals, Low End Mac Deals, 10.13. System 6, $10; 7.1, $12; 7.5.1, $4; Mac OS 7.6, $13; 8.0, $13; 8.1, $48; 8.5, $25; 8.6, $20; 9.0, $20; 9.2.2, $20; more.
- Best Xserve Deals, Low End Mac Deals, 10.13. Used G4/1 GHz, $999; G5/2 GHz, $1,499; new 2.0 4-core Xeon, $1,900; refurb 3.0 4-core, $2,299; 2.8 GHz, $2,599; 3.0 8-core, $3,499; 3.2, $3,699.
- More links in our archive.
About LEM | Support | Usage | Privacy | Contacts
