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 [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.
