jquery - For some reason my background is not high resolutions until the end? -


i have page:

link

at bottom 2 divs(bottom stanga , bottom dreapta)`

look @ picture below understand happens in high resolution.

enter image description here

code html:

<div class="continut"> <div style="height:60%;" class="carousel">[image-carousel category="test"]</div> <div class="banner-mobile">the top div</div> <div class="bottom stanga">bottom left</div> <div class="bottom dreapta">bottom right</div> </div> 

code css:

.bottom {   float: left;   width: 50%; height:40%;  } .stanga {   background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news1-300x246.png") no-repeat center center #b03d3d;  -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;  } .dreapta {    background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/news2-300x246.png") no-repeat center center #b03d3d;   -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover; } 

the problem on high resolution ... can tell me please in way think?

thanks in advance!


Comments

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

html - Missing border-right in select on Firefox -

c# - two queries in same method -