[RbnJrg]

Originally Posted by Liliann

Thanks for the answers.
Every div with an image inside has the frame-2 class with the following style:

div.frame-2 {
margin: 0px auto 0px auto;
text-align: center;
}

And every image has different height and width. The one I've sent has these properties:

img.frame-30 {
height: 756px;
width:553px;
}

These classes and properties are generated by inDesign. The problem is that they made the project originally for different reasons not to create an epub. I'm trying to keep the design as much as I can, but I see that epub doesn't support everything I'd like to.
I was thinking to give a max-width to the div-s but I don't know how much or it works at all...

Just to try the easy way before trying another methods; you said us that had used the property "page-break-inside: avoid" for the image without success. Well, maybe could work to apply that property to the div (class frame-2) and not to the <img> tag as you did previously. Try using:

div.frame-2 {
    margin: 0px auto 0px auto;
    text-align: center;
    page-break-inside: avoid;
}

Also try:

img.frame-30 {
    height: auto;
    width: 100%;
}

By the way, the image size, is 553x756px? That is the size in the class but, has the image that dimension?

Regards
Rubén