Hey k4, Another observation I forgot to mention was one of the habits I use when I work with Blueprint. For production sites, I always use push/ pull classes on other elements that do not have a span-x class applied. In my cross-browser experience this has always given the expected results without any extra markup. Hope this helps.
Blueprint 1.0 4 Life!!!! :^) Sean K. Stewart On Oct 14, 5:42 pm, "Sean K. Stewart" <speed...@gmail.com> wrote: > Hey k4... > > I'm assuming it's the omega div that is shifted 10px to the left? You > must have added aloat:left to alpha and omega classes (in master.css?) > to see the 10px shift to left. > > The reason this is happening is push and pull classes are 10px greater > than the span-x classes. This is so that when elements are pushed/ > pulled they move the width of span-x plus the 10px gutter (margin- > left) of span-x. > > Since you are applying custom classes (alpha and omega) already, the > easiest fix is to add 'left:10px' to the omega. This shifts it back > within the container div. BONUS! > > Sean K. Stewarthttp://www.seankstewart.com > > On Oct 13, 5:16 pm, k4emic <k4e...@gmail.com> wrote: > > > While testing out various grid systems, I've bumped into this issue > > with blueprint and I can't seem to find a sane solution for this. > > In the test, the grid system must swap two the position of two > > elements. > > In order to do this, I found push-x and pull-x to be the right tools > > for the job. > > > However, when I swap the two elements, the two elements gains some > > weird displacement to the left of 10px. > > I'm sure I'm doing something wrong, but I can't tell what. Any help is > > appreciated. > > > <?xml version="1.0" encoding="UTF-8"?> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <meta http-equiv="Content-Type" content="text/html; > > charset=UTF-8"/> > > <title>Blueprint demo</title> > > > <link type="text/css" rel="stylesheet" href="css/blueprint/ > > screen.css" /> > > <link type="text/css" rel="stylesheet" > > href="css/master.css" /> > > </head> > > <body> > > > <div class="container"> > > <div class="span-12 push-12 green alpha"></div> > > <div class="span-12 pull-12 last yellow > > omega"></div> > > </div> > > </body> > > </html> > > > Note: The master.css file only contains code for coloring the two > > elements. -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to blueprint...@googlegroups.com. To unsubscribe from this group, send email to blueprintcss+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
