HTML to support column-count

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Eric Lindsay

    HTML to support column-count

    Doing a hobby web site at http://www.airliebeachbum.com/ which I intend
    to eventually style with CSS3.

    I would like to make a two column layout available via the column-count
    mechanism, for groups of paragraphs between each heading. This would be
    for Safari and Firefox, since these are probably the only browsers to
    have experimental support for column-count My initial HTML test case is
    very simple, just a series of paragraphs after each heading, as shown
    here http://www.airliebeachbum.com/drowning.html

    So far the only way I can see to group paragraphs, so that column-count
    applies two columns to them as a group, is to add an otherwise
    superfluous DIV around each collection of paragraphs, as shown here


    The HTML for these pages is valid. The CSS is valid for CSS3, except for
    the -webkit- and -moz- experimental items. I am not expecting nor
    attempting to make this work with Internet Explorer.

    Can anyone suggest whether there is a way to treat the paragraphs
    between headings as a group, without using a DIV? I get the feeling that
    were I better with selectors, I could find some way to do that without a
    DIV.

    --
    Eric Lindsay's web sites, featuring Airlie Beach diving, sailing tourist area, Psion Epoc computers, Gegenschein Science fiction fanzine.

Working...