Hi, There are several ways to dissociate the source order and the display order in CSS, but nothing in the default blueprint files is aimed at this.
There are several ways of doing this using absolute positioning, floats, and negative margins, but all these techniques disrupt the document flow and you have to know in advance the exact height of your elements. If you're not ultra careful, elements WILL overlap in several situations, so be very careful. My personal take is: good content comes first, don't worry about source order until you've done all you can to improve the quality of your content. All this being said, here's what you could look into: - http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-alignment/a blueprint plugin to change source order. - http://www.alistapart.com/articles/holygrail/ a CSS technique combining source order, any tallest column, little extra markup, and more. - http://www.alistapart.com/articles/fauxabsolutepositioning/ a CSS technique using negative margins and floats. Hope that helps. On Wed, Aug 5, 2009 at 1:29 AM, Steven <[email protected]> wrote: > > Hi there, > > Quick question - suprised I couldn't find any detail on it by > searching this group - but I'm wondering if it's possible to adjust > source order and maintain a layout with Blueprint? > > Basically I'm after the typical "move navigation to below content" > approach so that I end up with something like the following as a > source order. > > Header > Main Content > Left Panel > Right Panel > Top Navigation > > Footer > -- Goulven Champenois --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
