Reasonably new to Blueprint so I might be doing something odd but my
use case is simple so I can't see it.

This works as I expect it to:
 <div class="column span-12">X<br>Y<br>Z</div>
 <div class="column span-12 last">xyz</div>
 <div class="column span-12">abc</div>
 <div class="column span-12 last">A<br>B<br>C</div>
and effectively gives me 2 rows of 2 columns.

Whereas making the first column narrower messes up the display
 <div class="column span-11">X<br>Y<br>Z</div>
 <div class="column span-13 last">xyz</div>
 <div class="column span-11">abc</div>
 <div class="column span-13 last">A<br>B<br>C</div>
by putting the 'abc' in the 2nd column under the 'xyz' :(

Tried in Firefox, Safari, Chrome & IE8 all have the same results.

Why is it doing this? Is it a 'bug'? What should I be doing to stop it
doing this?

Any thoughts, advice or answers appreciated, cheers
/dan

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to