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