2013-02-28 18:26, Chip at Caliber Communications wrote:
http://shootata2-com.cccg-inc.com/AboutUs/ATABylaws,Rulebook,Forms.aspx I would like to use a 2-column layout in this dl, but need the individual dt/dd groups to wrap as a unit (all or nothing). I am using some column classes, but is there a better way to do this? For semantic accuracy, I would like to avoid tables, but I'll do that if there's not a reasonable other way to do it.
If the content is not changed frequently (say, not more than once a month), the practical solution is probably to divide the content into two blocks statically and place them side by side using some technique (table, positioning, floating, whatever).
Regarding semantic accuracy, <dl> markup does not say anything more about the content than <table> markup does. I’m saying this just because people so often avoid the simplest and most robust approach on highly theoretical grounds, based on wrong theories.
But if you really want to use dynamic division into columns, with the CSS columns properties, accepting the implications on limited browser support, then the following rules would keep each consecutive dt, dt pair as a unit, per CSS3 drafts:
dt { break-after: avoid; } dd { break-before: avoid; } dt, dd { break-inside: avoid; } Browser support is still limited (currently to IE 10 and Opera 11+), see https://developer.mozilla.org/en-US/docs/CSS/break-before Yucca ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/