El 02/11/10 10:24, Sean K. Stewart escribió:
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.
32767 is the biggest signed integer a computer can store with 16 bits.
It doesn't have to be this way, it is just meant to be a representation
of an unbounded or infinitum length.
Do you have any more resources for using this technique? I want to
learn more about how you came to this solution. Thanks
This is just a technique I've been using a lot since the first time I
read this article:
http://www.positioniseverything.net/articles/onetruelayout/equalheight
So far, I haven't had any cross-browser problems.
On Nov 2, 10:25 am, Daniel Peraza<[email protected]> 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 [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.
