I have the following layout. the first row prints just fine, but the beginning of the 2nd row starts where the 2nd div on the 2nd row should be. If I set the span of the last div in the 1st row to 3, the 2nd prints fine.
the parent div is 670 pixels and each child is 160 (including 10px right margin) All 4 should fit in a row, but they are not, whats wrong here? I bassically want a parent div of 17 spans with rows of 4 child divs each with span of 4. <div id="parent" class="span-17 last> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4 last"> <span>content</content> <span> image </content> </div> <!--row 2 starts --> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4"> <span>content</content> <span> image </content> </div> <div id="child" class="span-4 last"> <span>content</content> <span> image </content> </div> </div> -- 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.
