• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
Hi everybody!

The flip book pages always stuck at the top of the browser window. How can I make align them vertically in the center?

Best

Haiko
asked in how_to by (150 points)
    
Are you using Desktop Scaling?
Yes I do. The size is perfect put I want to have the vertical position in the center.

1 Answer

0 votes
 
Best answer

Add the following code as a .css file in the Resources section of the in5 dialog (how to attach resources):

.pages.flip {
	position:absolute !important;
	top: 0px;
    bottom: 0px;
    margin: auto;
}

[data-scaled-to="w"] .pages.flip {
	top:-40px; /*(optional) account for viewer display bar when fitted to width*/
}

This has been requested by several people, so it may eventually be folded into the default code.

Alternatively, this code works (at least when Desktop Scaling is not used):

#container-wrap {
  top: 50%;
  height: auto;
}
#container {
  transform: translateY(-50%);
}
answered by (179k points)
selected by
Both does not work :-(
Please try the updated code above.