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