It's blasphemy but the best solution is to use tables. If you have religion about not using tables or accessibility requirements that forbid the use of tables for layout you have the following options:
- if you have the luxury of relying on css3 you can use display: table-cell; - you can use any number of javascript solutions. - you can put the background on the container of all three elements. but nothing is as maintainable and cross browser as a plain old table in this case. chris On Thu, Sep 17, 2009 at 11:57 AM, Boris Popov <[email protected]> wrote: > > Hey, > > I'm struggling to come up with a way of achieving the following layout > best demonstrated with a drawing, > > http://deepcovelabs.com/marketdirect/other/blueprint.jpg > > The idea is to have 3 panes with border around the middle one, but the > key is that the height of the middle pane must not be less than either > of the two panels on the side even when there isn't enough content in > there. I'm sure there's a way to do this, but I'm having the worst > mental block trying to figure this out, any help would be greatly > appreciated. > > Thanks, > > -Boris > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
