Sub pixel fun with browsers
Date : 2008 01 22 Category : Tech & Development
AjaxianJohn Resig has been tinkering with the sub pixel problems in CSS and how browsers deal with bit of pixels:
Something that jumped at me, recently, was a rendering dilemma that browsers have to encounter, and gracefully handle, on a day-by-day basis with little, to no, standardization.
Take the following page for example. You have 4 floated divs, each with a width of 25%, contained within a parent div of width 50px. Here’s the question: How wide are each of the divs?
The problem lies in the fact that each div should be, approximately, 12.5px wide and since technology isn’t at a level where we can start rendering at the sub-pixel level we tend to have to round off the number. The problem then becomes: Which way do you round the number? Up, down, or a mixture of the two? I think the results will surprise you, as they did me.
When I went to the example in FF3b2 on Mac, it actually looked more like IE.