html - negative margin-top is not working in firefox -
i working on project , have issue firefox, cant figure out problem is. new html , css.
the link website http://parapentemontanita.com/
in browsers except ie , firefox works perfectly. problem section says "vuelos de parapente tandem" who's class tandem. margin-top: -350px not working.
.tandem { position: relative; margin-top: -350px !important; } thanks in advance
i think because of styling of above blocks. have 3 blocks classes col-md-4 col-xs-12 , block class box_index within each of them. these col-md-4 col-xs-12 floats , there clear:both; in ::after pseudo-element.
box_index block inside col-md-4 col-xs-12 has declaration of top:-290px;. content moving 290px container col-md-4 col-xs-12 holds calculated height. , because of clear, next content starts after ended. forcibly move next container upwards, inner elements of container floats , obey clear:both; rule. need move them also.
but better change top margin-top:-290px;.
and not need margin-top:-350px section.tandem more.
p.s. tested in firefox 44 think work in chrome also.
Comments
Post a Comment