Panowie, spokojnie.
Sam formatowałem ebooka. Na css i HTML znam się na tyle żeby wiedzieć że klasy dopisane w pliku HTML nie mają wpływu na wygląd jeśli nie mają odpowiedników w pliku css. A więc uprościłem css do maksymum zostawiając tylko to vo dotyczy paragrafów <p>. Nawet osuwając wszelkie formatowanie strony są źle dzielone. Prośba moja dotyczyła sprawdzenia czy na innych czytnikach ten problem występuje i czy ktoś ma może jakieś rozwiązanie. Zapewniam że z całym css poprawnie napisanym problem pozostaje ten sam.

Panowie.
Na html i css znam się wystarczająco by wiedzieć że klasy dodane w pliku html i nie określoe w pliku css nie mają wpływu na wygląd strony. Zostawiłem w pliku css tylko proste formatowanie <p> celowo żeby zwrócić uwagę na problem opisany powyżej. Zapewniam że nawet z idealnym formatowaniem problem dzielenia nadal istnieje. Moja prośba to czy ktoś mógłby sprawdzić czy na innych czytnikach strony też dzielą się nieprawidłowo i może ktoś ma na to jakieś rozwiązanie?

Dzielenie wyrazów jest totalnie pokićkane (bez polskich reguł - dzieli się tak jak chce, w połowie wyrazów i przed znakami interpunkcji).
Winny jest styl akapitowy, trzeba go po prostu zmienić:


Oto ten bajzel:

Dzięki za konkretną odpowiedź. Wyrzuciłem dzielenie wyrazów. Niestety strony nadla dziwnie się dzielą. Oto mój kod:
@page {
margin-top: 30px;
margin-bottom: 20px;
}
body {

margin-right: 30px;
margin-left: 30px;
padding: 0;
color: #000;
text-align: justify;
}
h1 {
font-weight: normal;
font-size: 2em;
text-align: center;
}
h2 {
font-weight: normal;
font-size: 1.3em;
text-align: center;
}
p.pierwszy {
text-indent: 0;
}
p {
line-height: 1.5em;
margin: 0;
text-indent: 1em;
font-size: 1em;
text-align: justify;
font-style: normal;
orphans: 2;
widows: 2;
font-kerning: auto;
font-variant-ligatures: common-ligatures;
page-break-before: avoid;
page-break-after: avoid;
page-break-inside: avoid;
}
p.przypis-dolny {
font-size: 0.75em;
}
.footnote-link, .footnote-anchor {
font-weight: bold;
vertical-align: super;
padding: 0.3em;
color: #7c7c7c;
text-decoration: none;
}
div.footnotes {
page-break-after: always;
padding: 1em 0;
margin-top: 1.5em;
border-top: solid 1px #aaa;
}
.footnote {
padding-bottom: 0.5em;
}
a {
color: #7c7c7c;
text-decoration: none;
}
p.separator {
font-weight: bold;
line-height: 2.083;
text-align: center;
text-indent: 0;
}

blockquote.notka {
margin: 1.5em 1.5em;
padding: 1em 1em;
border-left: solid 1px #aaa;
background-color: #eee;
}
blockquote.notka p {
text-indent: 0;
font-size: 0.75em;
text-align: left;
}
p.podpis {
font-size: 1.0em;
padding-top: 0.5em;
text-align: left;
}
blockquote.wiersz {
width: 80%;
display: block;
margin: 1.5em 10% 1.5em 10%;
}
blockquote.wiersz p {
font-style: italic;
text-indent: 0;
text-align: left;
}
h3.podtytul2 {
font-weight: bold;
text-align: center;
text-indent: 0;
}
p.center {
text-align: center;
text-indent: 0;
}
span.bold, p.bold {
font-weight: bold;
}
span.italic {
font-style: italic;
}
span.floatleft {
float: left;
}
img.frame-1 {
width: 100%;
}
div.frame-2 {
margin: 0 auto 0 auto;
page-break-after: always;
text-align: center;
}
Może ktoś znajdzie jeszcze jakiś pomysł?

Wyrzuć jeszcze sieroty i wdowy z kodu (widow, orphans). Strony powinny być dzielone według akapitu (tam gdzie jest wstawiony enter/return) i przed rozdziałem (jakimkolwiek stylem definiującym nowy rozdział) - czytniki lepiej sobie radzą z krótszymi plikami html.

rada: postaraj się maksymalnie uprościć kod css-a. Sprawdź które linie kodu są akceptowane przez czytnik. To co jest w kodzie podanym przez Ciebie bardziej pasuje do weba niz epuba.

Wrzuć plik po poprawkach, mimo wszystko nie jestem programistą i wolę wyswig...

Uprościłem kod i jest jeszcze gorzej

@page {
margin-top: 30px;
margin-bottom: 20px;
}
body {
margin-right: 30px;
margin-left: 30px;
padding: 0;
color: #000;
text-align: justify;
}

h1 {
font-weight: normal;
font-size: 2em;
text-align: center;
}
h2 {
font-weight: normal;
font-size: 1.3em;
text-align: center;
}
h3.podtytul2 {
font-weight: bold;
text-align: center;
text-indent: 0;
}
p, blockquote{
page-break-before: avoid;
page-break-after: avoid;
page-break-inside: auto;
}
p {
margin: 0;
text-indent: 1em;
font-size: 1em;
font-style: normal;
}

p.pierwszy {
text-indent: 0;
}

p.separator {
font-weight: bold;
line-height: 2.083;
text-align: center;
text-indent: 0;
}

p.center {
text-align: center;
text-indent: 0;
}
span.bold, p.bold {
font-weight: bold;
}
span.italic {
font-style: italic;
}
span.floatleft {
float: left;
}

a {
color: #7c7c7c;
text-decoration: none;
}

p.przypis-dolny {
font-size: 0.75em;
}
.footnote-link, .footnote-anchor {
font-weight: bold;
vertical-align: super;
padding: 0.3em;
}
div.footnotes {
padding: 1em 0;
margin-top: 1.5em;
border-top: solid 1px #aaa;
}
.footnote {
padding-bottom: 0.5em;
}

blockquote.notka {
margin: 1.5em 1.5em;
padding: 1em 1em;
border-left: solid 1px #aaa;
background-color: #eee;
}
blockquote.notka p {
text-indent: 0;
font-size: 0.75em;
text-align: left;
}
p.podpis {
font-size: 1.0em;
padding-top: 0.5em;
text-align: left;
}
blockquote.wiersz {
display: block;
margin: 1.5em 10% 1.5em 10%;
}
blockquote.wiersz p {
font-style: italic;
text-indent: 0;
text-align: left;
}

img.frame-1 {
width: 100%;
}
div.frame-2 {
margin: 0 auto 0 auto;
page-break-after: always;
text-align: center;
}

Po co wrzucasz takie rzeczy do stylu akapitowego, który nie jest rozdziałem? Wyrzuć wszelkie page-breaki, skąd w ogóle wziąłeś takie atrybuty tekstu? Przesz to jest kompletnie bez sensu:


p, blockquote{
page-break-before: avoid;
page-break-after: avoid;
page-break-inside: auto;


Sprawdź ten styl czy gdzieś się nie pląta w tekście i nie wymusza podziału. Niby ramka, ale ja nie mam pliku do przejrzenia - a jednak jest to jedyny page break wymuszony w stylach.

div.frame-2 {
margin: 0 auto 0 auto;
page-break-after: always;
text-align: center;


Po cholerę Ci takie marginesy?
Użyj jednostek które się skalują, a nie pikseli (em lub %, ale zalecam emy skoro w całym arkuszu jest taka jednostka):


@page {
margin-top: 30px;
margin-bottom: 20px;

OK, dzięki za rady. page-break... to chyba był gest desperacji z mojej strony. div.frame-2 odnosi się do strony tytułowej.Raczej wpływu na formatowanie tekstu nie ma. Spróbowałem wywalić wszystkie blockquote i klasy w HTML, wyrzuciłem moje css i sformatowałem wszystko automatycznie w calibre, rezultat jest katastroficzny.
Natomiast zauważyłem że kobo glo stosuje automatycznie orphans: 2; widows: 2; nawet jeśli tego nie precyzuję w css.
Naprawdę nie wiem jak to rozgryźć ...

Prosiłam Cię o plik - trudno mimo wszystko bez edytora odczytać dane z kodu, przynajmniej mi...
Nie wiem jak Ci pomóc z tym, bo nie znam się na kobo kompletnie. Może byś rzucił jakimś printscreenem z czytnika, żeby było wiadomo o co chodzi. Czy do kobo jest jakiś program na komputer do plików?
Powinieneś przede wszystkim poczytać na sieci czy epuby pod kobo należy jakoś specjalnie stylować, każdy czytnik ma swoje fochy. Jeśli to jest plik z indesigna, to mam wrażenie że to z wersji CC (te page breaki chyba są z najnowszej wersji) - spróbuj najpierw dokładnie określić atrybuty styli w Indyku a potem zrobić eksport.
Zobacz czy przy eksporcie nie jest wymuszony podział strony dla podstawowego stylu akapitowego. To wszystko co mi dzisiaj przychodzi do głowy.

A mam taką prośbę: czy możesz przejrzeć ebooka z linka na swoim czytniku i powiedzieć mi czy tekst jakoś dziwnie przeskakuje z strony na stronę. Nie dzieje się to wszędzie ale jednak dość często.

Co ciekawe, podzieliłem długie akapity na dużo krótsze i problem praktycznie znikł, nie jest to idealnym rozwiązaniem, ale i tak trochę lepszym niż to co miałem.

Witam ponownie,

Znalazłem rozwiązanie na mój problem na jakiś forach zagranicznych:
body{
orphans: 0;
widows: 0;
}
Inaczej kobo dzieli sobie akapity gdzie mu się podoba.

Bardzo dziękuję za pomoc