In blueprint, every column has a 10px right margin (the gutter), except the last one. So span-24 amounts to 24 columns + 23 gutters.
When building a "row" with span-x, if the row amounts to 24 you need to remove that last gutter by adding "last" to the last span-x. If you don't, you get 24 columns and 24 gutters, which won't fit. Example: <div class="span-20"><div class="span-4 last"> <div class="span-4"><div class="span-10"><div class="span-10 last"> etc... Note: span-24 doesn't need "last" because the right gutter is already removed by blueprint. Hope it's clearer explained like this. > i want to know how to use "last" selector to control the page layout,i > > do not the real meaning in the wiki : > > " > > * Use the “last” class in your last column > > * Make sure the columns in a row add up to 24 (i.e. “last” does > > not “fill in” the remaining columns for you) > -- Goulven Champenois --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
