CSS columns-width ignored width

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Post Reply
Col_Boogie
Posts: 3
Joined: December 3rd, 2014, 3:04 pm

CSS columns-width ignored width

Post by Col_Boogie »

Using <div style='width:16.2in; column-width:8in; -moz-col-width:8in; -wb-kit-column-width:8in'> the width:16.2in is ignored and columns spread out over available width. using javascript document.body.style.width='16.2in' fixes in special case but is not right solution in general.
User avatar
Frenzie
Posts: 2135
Joined: May 5th, 2004, 10:40 am
Location: Belgium
Contact:

Re: CSS columns-width ignored width

Post by Frenzie »

You should put the unprefixed properties last. Btw, do you have a minimal testcase?
Intelligent alien life does exist, otherwise they would have contacted us.
Col_Boogie
Posts: 3
Joined: December 3rd, 2014, 3:04 pm

Re: CSS columns-width ignored width

Post by Col_Boogie »

go to http://kboogie.5gbfree.com/ - that is final modified code, copy and play with it. PS I do not think putting it in 2 separate <div> helps. I know nothing in CSS that worries about what order of prperties, except for conflicting CSS sources (which has preference, I have yet to figure out)
User avatar
Frenzie
Posts: 2135
Joined: May 5th, 2004, 10:40 am
Location: Belgium
Contact:

Re: CSS columns-width ignored width

Post by Frenzie »

It looks like your Javascript is playing with the column-count. Maybe that's your problem?

Btw, the last property in the cascade overwrites whatever came before, and behavior for the prefixed version may differ from standards.
Intelligent alien life does exist, otherwise they would have contacted us.
Post Reply