All geek questions in one place

Fields in Firefox do not crash tables

I made this script to demonstrate the problem. Table borders do not collapse in Firefox, whereas in Chrome and IE.

Firefox

Table margins don't collapse in Firefox

Chrome and IE

Table margins collapse in Chrome and IE

Is there any workaround?

+4
source share
1 answer

Firefox is not collapsing vertical margin with table's because http://www.fiveminuteargument.com/margin-collapse-tables

Write display:block in the table as follows:

 section, div, table { margin: 1em; display:block; }

Check out this example http://jsfiddle.net/fhhWd/2/

0
source

Source: https://habr.com/ru/post/1382673/

More articles:


All Articles