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. Stewart http://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.
