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.

demo

i'll recommend use clear: both. using this, don't have change other elements structure/view.


Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -