html a css > funkce page-break (oddělovač stránky při tisku) FF, IE a Chrome
Čus,
nevíte někdo prosím jak Chromu vysvětlit, aby mi při tisku web stránky oděloval jednotlivé stránky tam kde chci já a né on :) (FireFox a IE jsou v pohodě)
Shlédl jsem pár "zaručených" řešení, ovšem bez úspěchu.
Jedná se o tuto stránku:
http://www.mrazene-potraviny.cz/cenik-pro-tisk.php
A pokud si dáte v prohlížeči náhled před tiskem, tak by se Vám mělo na začátku každé stránky objevit "název firmy, tel, www, atd." a pak teprve zboží...
- ve Firefoxu je to OK (dokonce přes celou šířku)
- v IE je to defaultně menší, ale když si zvolíte 100% velikost (namísto automatického přizpůsbení stránce) tak je to taky OK.
- Chrome vůbec neregistruje oddělovač stránky a v klidu pokračuje dalším zbožím...
CSS pro tisk je zde.
Re: html a css > funkce page-break (oddělovač stránky při tisku) FF, IE a Chrome
teď možná plácnu jen tak do vody, ale mě chrome zlobil vším možným a plno nejasností bylo způsobeno tím, že využívá obrovské možnosti googlých serverů a skoro všechno má nakešované bůhvíkde, zkus vypnout cache prohlížeče co to bude dělat...
Re: html a css > funkce page-break (oddělovač stránky při tisku) FF, IE a Chrome
Je fakt že u chromu bych se fakt nedivili asi ničemu, ale tahle stránka je úplně nová (teď je nahozená pouze necelých 24h) a tedy tím to asi nebude...
A jinak google vyhledavac mi nalezl dost odpovedi že "page-break" nefunguje. Sice v každém článku byl "zaručený" postup jak to oblafnout, jenže k tomu byl třebas další příspěvek kde někdo napsal že to sice funguje ale pod Chromem 6, ale ve verzi 7 už zase ne... Což tedy není řešením.
A jak říkám, pár věcí jsem zkusil, ale neviděl jsem rozdíl....
Re: html a css > funkce page-break (oddělovač stránky při tisku) FF, IE a Chrome
Tak vyřešeno....
Ono Page-break ve chromu funguje, ale musí se dodržet jistá pravidla, které jsem neměl (hlavně parametr float).
Ovšem pak jsem zase narazil na to, že ve chromu a IE se nastavená stránka na 100% zobrazuje v pohodě, ale ve FF je 100% prostě moc veliké, standardně musíte přizpůsobit velikost stránky na 80% a pak je to stejný, no ale vysvětlujte to lidem že ?
Tak jsem udělal rozdílné CSS pro FF a pro Chrome - a kdyby náhodou jste to někdo potřeboval:
Kód:
/* for FF */
@-moz-document url-prefix() {
#main-all-cenik { width: 660px; margin: 0; float: none;}
.cenikhlavicka h3 { font-size: 13px; margin: 0 0 4px 0; }
.small { font-size: 10px; }
}
/* for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#main-all-cenik { width: 100%; margin: 0; float: none;}
.cenikhlavicka h3 { font-size: 12pt; margin: 0 0 4px 0; }
.small { font-size: 8pt; }
}
Prostě FF jede spíše na rozměry v PX a šířku A4 bere cca 650 px
kdežto ostatní browsery jedou na % a body (pt), naopak když nastavíte px, tak se vám nebude zvětšovat/zmenšovat text při nastavování velikosti stránky.
Bordel to je :)