I am not sure what the "correct" way to do this is but the code below will give the desired effect.
<div class="span-15 colborder"><div class="span-11 prepend-1 append-3"> ..content..</div></div> <div class="span-5 prepend-3 last">...more ...</div> Remember that colborder adds one span, your original code adds up to 25. Fixing this alone did not solve the problem but with a little nesting I think you can achieve the look you are after. Sunny On Tue, Jan 12, 2010 at 11:22 AM, theblueocean <[email protected]> wrote: > Not sure whether this is a bug or the way that Blueprint works, but > I'm having difficulty understanding how to properly use the colborder > class in conjunction with an append class. > > I have two columns of content that I want separated by some > significant whitespace between content chunks, with a vertical border > between them. > > So I'm coding as follows: > > <div class="column span-11 prepend-1 append-3 > colborder"> ..content.. </div> > <div class="column span-6 prepend-3 last">...more > content ...</div> > > I would like to see my content area separated by white space, THEN a > column border, then more white space (from the following div's > prepend). But when I include the "colborder" class on the first div > in conjunction with the "append-3" class, the "append" class gets > ignored completely. The border is drawn directly after the div's > content, and no further padding is applied. If I eliminate the > "colborder" class, then the content formats as expected (just without > the vertical divider where I'd want one. > > Can anyone offer help? > > Thanks > > -- > 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. > > > >
-- 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.
