Working on a website a friend of mine always had a problem with my website. Some div's that I placed next to each other, he saw on 2 lines (the last div moved to a new line). It was very frustrating, until today I found out that his Firefox was on zoom level 90%, my friend prefers it that way to see more on the screen. I noticed that it is a problem with most Blueprint layouts.
Here are the steps to reproduce the problem. I'm using Firefox 3.5.3 on a Windows 7 machine. 1. Make sure your zoom level is 100%, (CTRL-0) 2. Open the grid demo page of Blueprint: http://www.blueprintcss.org/tests/parts/grid.html 3. Zoom out 1 level (I don't see it, but I assume it is to 90%) You will notice now that the second large span-12 parapgraphe moved to a new line under the first span-12. I think it is a problem that blueprint fills every pixel in the width. By zomming out, the firefox engine (is it Webkit?) recalculates everything, I think there 90% of of everything rounded to pixels might give the problem. Maybe the right-margin of first 'span-12 border' is the problem. A 1px border probably stays 1 (rounded up) and might cause that the recalculated total of 90% is 1px to much, causing the second span-12 div to drop to a new line. If you can follow me, this is just what I think. Anybody knows if this could be the reason, or if something else is the problem? And more important, anybody has a solution? Michael -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
