2009/12/17 Michael Torfs <[email protected]>: > Hi, > > I'm a little bit surprised no reply was posted to my question. Is it > possible to give some feedback. Is the issue unclear? Am I doing > something obvious wrong? > Or is this difficult to solve? > > Michael > > > On Dec 14, 6:00 pm, Michael Torfs <[email protected]> wrote: >> 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 > > -- >
The problem seems to be in the .border class. What you said about margin width rounding up makes sense, though i can't be sure that this really is a bug in Gecko (which Firefox uses as rendering engine). Only fix i found on the fly is to change the width of the border to 2px and set margin to 4px, but this doesn't look to good. Davor -- 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.
