[RbnJrg]

Originally Posted by JSWolf

You cannot assume webkit is available. It isn't available for ADE. So any webkit code has to go.

You didn't pay attention to what i wrote. Didn't you see that besides "-webkit-column-break-inside: avoid !important;" I also employed "break-inside: avoid !important;" and "display: inline-block !important".
Why I did that? Because I use "-webkit-column-break-inside: avoid !important;" for ereaders based on webkit, and I use "break-inside: avoid !important;" and "display: inline-block !important" for ereaders not based on webkit.

Is there a way in ePub3 to make it so if an image with the caption has to be pushed to the next screen that the text can move to fill in the previous page?

Yes, is what I said in my previous post. Watch the images I included there, and how the text moves when the font size is changed to avoid blank spaces. With epub3 the fragmentation is completely avoided. Use something like this:

  <figure>
    <img src="../Images/Your_image.jpg" alt="" style="width:100%"/>

    <figcaption>Fig.1 - Blah, blah, blah</figcaption>
  </figure>

and

figure {
  float: left;
  margin: 1em 0;
  padding: 4px;
  -webkit-column-break-inside: avoid !important; /* for webkit ereaders */
  break-inside: avoid !important;  /* for the rest of ereaders */
}

figcaption {
  font-style: italic; /* if you wish */
  padding: 2px; /* set here the measure you wish */
  text-align: center; 
}