html - form background style not expanding with form in IE8.0 -
my css code form,
form { margin:0 auto; text-align:left; width:740px; border:1px solid #ccc; padding:15px; background:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; behavior: url(./border-radius.htc); font-family:calibri; height: auto; }
i want form background expand form, happening in chrome not in ie8.
i have hidden div set visible depending on selections.
also how can css formatting of chrome , ie alike.
ex: if want make 2 div visible form expand accordingly thing form border not extend in ie.
please check out entire working code in jsfiddle
create container div goes around form (in case called formcontainer) , move following css styles class.
.formcontainer{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; border:1px solid #ccc; padding:15px; width: 740px; }
then form should have following css rules:
form { margin:0 auto; text-align:left; width:100%; background:#fff; behavior: url(./border-radius.htc); font-family:calibri; height: auto; }
i'm not sure behaviour property doing might need move container div well.
aside
also, javascript may need amending displays age 25 when enter d.o.b when should 24.
this may age calculation: calculate age in javascript
Comments
Post a Comment