Muticolumn in css

Wednesday 01 June 2011 4:08:06 am

Hi,

In my template,I would like for an attribute multi-column layouts. In css we can define a div like that:

div# NewsArticle{ 
border: solid black 1em;
padding: 1em; 
column-count: 2; 
column-rule: solid black 1em; 
column-gap: 4em;
border: solid black 1em; 
padding: 1em; 
column-count: 2; 
column-rule: solid black 1em; 
column-gap: 4em;
}

I put this in my stylesheet file.

If I display my object, when I use the css inspector of the browser, this tag definition is interpreted like that:

div#NewsArticle 

{border-top-width: 1em;

border-right-width-value: 1em;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1em;

border-left-width-value: 1em;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: solid;

border-right-style-value: solid;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: solid;

border-left-style-value: solid;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: black;

border-right-color-value: black;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: black;

border-left-color-value: black;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

padding-top: 1em;

padding-right: 1em;

padding-bottom: 1em;

padding-left: 1em;

}

and it miss column-count:2; column-rule: solid black 1em; column-bap:4em. And the display of the attribute stays on only One column!

It seems that eZ publish doesn't manage these css properties.

How can I solve this problem?

Thanks a lot for your help.

Véronique

URGI - INRA
Webmaster
Route de Saint Cyr
78000 Versailles

Wednesday 01 June 2011 10:53:09 am

Hi Brandon,

Thanks for your suggestions.

I don't understand what you mean by -Is your CSS being compiled/packed with eZJSCore?

My editor is Eclipse

My css was validate with http://jigsaw.w3.org/css-validator
and there is no comment in my css file

I'll try to put my style with {literal}{/literal} tags

Thanks again for your help

Véronique

URGI - INRA
Webmaster
Route de Saint Cyr
78000 Versailles