I just noticed (and fixed) a bug in IE6 where the header was invisible. Who knew that adding clear:both to a floating absolute positioned element would fix IE6? I learn something new everyday :P
Updated code is at: http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-alignment/ On Jun 4, 10:48 am, speedunk <[email protected]> wrote: > Hi all... > > I've been working on a set of styles for blueprint which would allow > for vertical alignment of columns as well as some div reordering for > SEO pruposes. It's in the beginning stages at this point, with no > documentation, but I wanted to put it out there to get some feedback. > Feel free to download the code. Place the folder in the plugins > directory of Blueprint for testing. > > http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-a... > > Vertical-alignment (the vertical-# & drop-# classes) > The important thing to know when implementing vertical alignment is to > make sure the vertical-# class and the highest drop-# class are the > same. For example, if you have drop-8 on one column and drop-12 on > another column, the vertical-# class would be vertical-12. See the > uneven column pages for a working example. > > I've added 24 vertical and drop classes (at 1.5em intervals) to match > the span-24 blueprint provides; however the list could go on forever. > 1.5em was chosen to keep with the default line-height provided by > blueprint. > > Div Reordering (lift-# class) > These examples also apply a div reordering that can be used for SEO > purposes on some projects. For example, you may want to code your > content first and header last so that search engines pick up on the > content first. Notice in the source... the header div is the last div > within the container div, but appears at the top of the page. This can > be accomplished by applying lift-# class on the header div. This is > not fully tested, but could come in handy for those SEO fanatics out > there. > > Check it out and let me know what you all think about this. Hope it > can be useful to the Blueprint community. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
