Blueprint CSS3, 3 column layout

Question

I want to create a Blueprint CSS3 layout. with 3 columns.

I have the following:

<div id="hd" class="span-24 last">
        <div class=" span-7">
            1
        </div>
        <div class=" span-10">
            2
        </div>
        <div class=" span-7 bp-last">
            3
        </div>
</div>

problem is the 3rd column is under the 1st. Why is that? thx

Answer 1

That means your column widths plus margins add up to more than the total width of the hd div. Please post your css code also.

Answer 2

The class applied in 3th div should be "last", not "bg-last"