MozillaZine

CSS columns-width ignored width

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

Post Posted December 3rd, 2014, 3:19 pm

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.

Frenzie

User avatar
 
Posts: 2135
Joined: May 5th, 2004, 10:40 am
Location: Belgium

Post Posted December 4th, 2014, 3:07 am

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

Post Posted December 4th, 2014, 4:38 am

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)

Frenzie

User avatar
 
Posts: 2135
Joined: May 5th, 2004, 10:40 am
Location: Belgium

Post Posted December 4th, 2014, 6:55 am

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.

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 3 guests