Blueprint CSS & Boks: strange behavior with prepend and append in FF and Chrome

Posted by Shyam on Stack Overflow See other posts from Stack Overflow or by Shyam
Published on 2010-05-22T13:35:02Z Indexed on 2010/05/22 13:40 UTC
Read the original article Hit count: 430

Filed under:
|
|

Hi,

I am working a bit with Blueprint CSS framework and I stumbled upon Boks. I am pretty unfamiliar with the BPCSS framework, but it seems that when using prepend and append, Firefox and Chrome (both) are not liking the input. I generated the code from Boks and for my newbe eye-sight, I can't directly see what went wrong in the export.

Even though the span-sizes are correct, they are mutated :S

Please help me!

<div class="container showgrid">
  <!-- first row -->
  <div class="span-3 prepend-2" id="bar-menuitems"> </div>
  <div class="span-6 prepend-4" id="banner-logo"> </div>
  <div class="span-3 prepend-4 append-2 last" id="bar-socialmedia"> </div>
  <!-- second row -->
  <div class="clear span-20 prepend-2 append-2 last" id="pane-graphics"> </div>
  <!-- third row -->
  <div class="clear span-5 prepend-2" id="banner-xx1"> </div>
  <div class="span-5" id="banner-xx2"> </div>
  <div class="span-5" id="banner-xx3"> </div>
  <div class="span-5 append-2 last" id="banner-xx4"> </div>
  <!-- last row -->
  <div class="clear span-6 prepend-9 append-9 last" id="bar-footer"> </div>
</div>

© Stack Overflow or respective owner

Related posts about css

Related posts about webdesign