Im posting this in OT since it seeems this is more of a CSS issue I can't figure out.
I have a content box section in which I am attempting to use the grid..I cant understand why if I add padding or borders to divs inside a row the divs wrap.
Here's the section giving me trouble:
<!-- ContentBox | Section Template --> <section id="contentbox" class="container clone_3 section-contentbox fix"> ... <div id="whowhenwhere" class="row"> <div id="who" class="span4"> WHO<br>COMPASS is relevant to engineers dealing with the technical challenges of today </div> <div id="when" class="span4"> WHEN<br> Monday<br>September 9, 2013 </div> <div id="where" class="span4"> WHERE<br>Hyatt Regency Orange County<br>Garden Grove, CA </div> </div> ... </section>
If you inspect the section with firebug, and disable the padding on the div "who", the three span4 columns no longer wrap.
I need to add padding to all three and border left on who, border left/right on when and border right on where
but when i add padding OR borders the where div breaks the row.