OK, that subject line is kind of confusing.
I've been working with BluePrint for a month or so not trying to see
if it's a good framework for developing Web App interfaces.
One thing I've run into is that it seems easy to end up with too much
vertical padding between rows.
A specific example is if I need to layout rows of items where internal
columns might be different heights. To ensure that the next row's
columns fully clear I need to wrap the first row in another wrapper.
So, I end up with something like this:
div .span-24
div .span-10
div .span-14
They all have a bottom margin so I end up with what appears to be
'double' bottom padding due to the nesting.
I was wondering if anyone has come up with a system to handle this.
Right now this is what I'm using:
div .row
div .span-10
div .span-14
and the css:
.row {width: 100%; overflow: auto;}
That seems to work but thought I'd check in to make sure I'm not
overlooking an already-part-of-the-framework solution that
accomplishes the same thing.
-DA
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
