Hey Daniel,
Smooth trick!! I like it a lot, but it seems limited. Not only limited
in height (where did you come up with the number 32767?), but also
cross browser? Which I think would hinder the inclusion into
Blueprint.
Do you have any more resources for using this technique? I want to
learn more about how you came to this solution. Thanks
On Nov 2, 10:25 am, Daniel Peraza <danielper...@gmail.com> wrote:
> Hi guys!. What do you think if we include the following rules into the
> blueprint code:
>
> .equal-height
> {
> overflow:hidden;
>
> }
>
> .equal-height > div {
> padding-bottom:32767px;
> margin-bottom:-32767px;
>
> }
>
> Thus, if we have the following code:
>
> <div class="container equal-height">
> <div class="column span-4">
> <p>This is the sidebar</p>
> </div>
> <div class="column span-16">
> <p>Here goes the main content</p>
> </div>
> <div class="column span-4 last">
> <p>This is the right column</p>
> </div>
> </div>
>
> We may achieve equal height multicolumn layouts. What do you think?
--
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to blueprint...@googlegroups.com.
To unsubscribe from this group, send email to
blueprintcss+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en.
