CODEWITHSUNDEEP
firefoxgoogle-chromecss
Amandeep Grewal
Amandeep Grewal

Reputation: 1821

Box model sizing on Chrome/Firefox

I have the following code, that shows what I want in Chrome, but in Firefox, the width attributes on the panel divs are not obeyed.

http://codepen.io/anon/pen/Ltsaj

Upvotes: 1

Views: 948

Answers (1)

joshnh
joshnh

Reputation: 8714

So there are a couple of issues with Firefox currently. Firstly, you have to use the old wording (i.e. display: -moz-flexbox;). And secondly, Firefox has a known bug to do with specifying widths as percentages: https://bugzilla.mozilla.org/show_bug.cgi?id=529761

An alternate solution might be to consider using display: inline-block; to achieve what you are after. Here is an example: http://jsfiddle.net/joshnh/QbZrH/

Upvotes: 2

Related Questions