javascript - Table getting out of fieldset border in Firefox only -
i have form have fieldsets, in 1 fieldset have table. table in fieldset in chrome , ie not in firefox. please have look:
https://jsfiddle.net/79504g5b/1/
my fieldset has css:
#msform fieldset { background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*----------------------->2*/ position: absolute; } i don't know problem.
the element .statushead1 not occupy available width. so, table added next it, in available space.
to move table on it's own line, use clear: both on table.
table { clear: both; } see demo.
optionally, can set float: left table.
i'll recommend use clear: both. using this, don't have change other elements structure/view.
Comments
Post a Comment