Daniel, Have you been to the positioniseverything.com article lately? The first thing I notice on the page is this: "Several problems have been found with this technique since publication. Those problems are discussed in Appendix J [http:// www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems]"
Still a very cool technique. Thanks for sharing. Not sure it would be good to add to a stable CSS framework such as Blueprint. -- Sean K. Stewart On Nov 2, 11:07 am, Daniel Peraza <[email protected]> wrote: > 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.
