Since I use CSS all the time and I've worked with many a hack and difficult design in the past, I'd recommend that short of using CSS 3 (which would be ideal since it supports this type of design) you just use Javascript. As a designer and CSS/standards centric kinda guy I've always preferred to try to shoe-horn the craziest designs using just CSS but this is often more frustrating than its worth. Even now, the purist in me is saying "use the hacks!" and maybe you should if you want to gain some experience but in terms of maintainable, logical code, sometimes using a little JS magic makes more sense.
The skidoo layout is fine, but using negative margins all over the place can quickly become counter-intuitive and messy - imagine someone else reading your code layer (better comment it pretty heavily). In addition, since this is a aesthetic issue and not really a functional one, I think its ok to use some JS to take care of it after the document loads. After-all, you're basically trying to emulate a behaviour/style that the browser doesn't support natively, so whether you do it with CSS or JS is up to you - in either case, its a 'hack'. I'd go with the JS because since this isn't an essential feature (presumably) without the JS the page will still work, and your code will be cleaner/more ready for an upgrade to CSS3 in the future. JQuery would be the library of choice for this sort of thing - it should be fast enough that users don't notice much if any rendering hic-ups. This sort of question always brings up this debate: CSS or JS, and its always a difficult choice to make, but its good to deal with because no matter what you choose, you'll gain a good deal of experience and maybe get some insights into how the two technologies can really compliment each other. On Sep 21, 11:38 am, Christian Montoya <[email protected]> wrote: > On Thu, Sep 17, 2009 at 2:57 PM, 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 > > This is going to blow your mind, but the trick is to have three > columns, with the left and right column pulled over the border of the > middle column. With some trickery, the height of the border around the > middle columns is determined by the containing DIV, which contains all > three columns. Skidoo is a common layout that has achieved this: > > http://webhost.bridgew.edu/etribou/layouts/skidoo/ > > No need to use Blueprint's grid in this case. > > -- > -- > Christian Montoya > mappdev.com :: christianmontoya.net --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
