I've just been doing some work with Blueprint CSS v.0.9.1 (although in fairness I've checked and this goes right back to version 0.6) and have a query about the alignment of push-x classes.
It just seems odd to me in a framework where almost everything is aligned or floated left that the push-x classes should float elements right. Is that correct? Is that how it's been designed to work? For example, on the Grid test page (http://www.blueprintcss.org/tests/ parts/grid.html), you can see that the "TESTING .PUSH-1 TO .PUSH-5" elements all have that small photograph of a dog pushed one or more columns to the right. But what looks wrong to me there is that the images align on the right-hand side of the columns. The first example there: <div class="span-2"> <img style="width: 54px; height: 36px;" src="test-small.jpg" class="push-1"> </div> has a div that spans two columns (span-2), containing an image which is pushed one column to the right (push-1). I would have expected that image to have then aligned with the left-hand side of column 2 rather than aligning with the left-hand side of column 1, which it would have done without the push-1 class. To see what I mean, use Firebug on that demo page to change the float: right declaration within the .push-1, .push-2, .push-3 ... .push-24 rule (screen.css (line 248)) to float: left. That, to me, makes much more sense. Is this a bug or has it been designed this way? The pull-x classes work just as I would expect them, pulling the content back into previous columns, aligned-left. Thanks Gareth -- 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.
