Tisk - šířka stránky je chybna

Zdravim, rad bych pozadal o radu s nasledujicim problemem.

Pro zobrazeni na monitoru mam kvuli IE nastylovanou cast stranky takto:

@media screen, print
{
#obsah
{
position: absolute;
top: 150px;
left: 150px;
bottom: 0px;
right: 0px;
height: expression(document.body.clientHeight-150);
width: expression(document.body.clientWidth - 150);
padding: 0px 10px 0px 10px;
background-color: #FFFFE8;
overflow: auto;
font-size: 75%;
}
}

pro tisk jsem nastavil tento styl

@media print
{

#obsah
{
overflow: visible;
font-family: "Times CE", Times, "Times New Roman", serif;
font-size: 10pt;
background-color: #ffffff;
position: static;
float: none;
padding: 0em 0em 0em 0em;
margin: auto;
width: 100%;
}
}

Predpokladal jsem, ze se zrusi pocitana sirka stranky a pri tisku se text zarovna na sirku tistene stranky. Ve Firefoxu to tak funguje.
Bohuzel v IE se stale sirka tisku pocita ze sirky okna prohlizece, takze pri plnem okne cast textu chybi, pri uzskem okne zase nevyplni stranku na sirku.

Netusite co s tim?
Diky

Diky za rady. Bohuzel to nefunguje.

Zda se mi, jako by IE ignoroval width ve stylu pro tisk a vzdy ji pocital ze sirky okna prohlizece. Muze za to asi ten expression, ale netusim, jak to nastavit.
Nemate jeste nekdo napad?

Bohuzel ani vypusteni sirky nefunguje.

Nevite, jak funguje metoda expression? Ja ji pouzil kvuli tomu, aby byl styl "gumovy", ale s tim tiskem me to vypeklo.

Diky za rady. Vyzkousel jsem jiz predtim vypusteni rady vlastnosti a priznavam, ze nektere jsou tam zbytecne, ale pokud napriklad nezmenim v tiskovem stylu position na static, tak mi to zase netiskne stranku delsi nez jedna obrazovka, nebot puvodne jsou divy umisteny absolutne.
Take jsem dat expression pouze pro styl media screen, ale nemelo to vubec zadny vysledek.

IE se chova takto:
- zjisti rozmery okna prohlizece
- nastavi podle neho sirku divu na monitoru
- podle toho nastavi sirku stranky pri tisku

Kdyz zmensim sirku okna prohlizece, tak se vse tiskne OK.
Vazne nechapu chovani IE, nebot firefox pracuje OK. Bohuzel jsem ve stylu pro screen nenasel jinou moznost jak definovat absolutni div, jehoz sirka se ma menit podle velikosti okna, nez pomoci expression.

Vazne jste nikdo nikdy takovy problem neresil?

Diky za napady. Vazne jsem to takhle zkousel (odladit na obrazovce).
Chapu, ze tiskovy styl je samostatny. Problem je v tom, ze z puvodni stranky, na ktere je nekolik divu pozicovano absolutne chci, aby se tisknul pouze jeden. Kdyz necham absolutni pozicovani, tak to nefunguje.

Podivej na
http://rodis1.webzdarma.cz/hist2.html

styl
http://rodis1.webzdarma.cz/skola.css

Diky za dalsi namety

habendorf: Jo takhle to máš dělaný, aha. No doporučoval bych spíš udělat dva různé css soubory, jeden pro screen, druhý pro print.

Jo, to jsem taky zkousel. Stejny vysledek. Pokud je to v jednom souboru a styl media print je jako posledni, ma to stejny efekt, jako kdyz to je ve dvou souborech a jako druhy je pripojen soubor se stylem pro media print. Ale hlavne nebudu muset pridavat druhy radek do vsech souboru rozsahleho webu.

habendorf: Já teď bohužel nemám čas, mohl bych se ti na to blíže mrknout až po víkendu.

To bys byl hodny. Fakt nevim co s tim.


habendorf: Zkus se podívat třeba na

http://www.1-webdesign.cz/projects/dps/ nebo
http://www.1-webdesign.cz/projects/primakava/

Moc pekne weby. Problem je v tom, ze na rozdil od toho meho nejsou "gumove", a pri zmenseni okna se objevi vodorovny posunovnik. Mne se sirka praveho divu vypocitava z sirky okna prohlizece. Proto je tam ta konstrukce

width: expression(document.body.clientWidth - 150);

ktera dela problemy pri tisku.

Jeste jednou diky za ochotu.

*Čvachta*Moje teorie je taková, předkládat prohlížeči styl pouze pro screen, při tisku to nechat na prohlížeči - prohlížeč použije jeho výchozí formátování.

Problem zacina tehdy, kdyz se ze stranky chce vytisknout pouze nektery div. A kdyz jsou divy absolutne pozicovane, tak je to, alespon zatim pro me, pekne peklo.
Pokud jsem nemel styl media print udelany vubec, tak to pri tisku orizlo stranku tak, ze chybela nejen prava cast (coz nyni resim), ale i spodek, ktery prave nebyl videt na obrazovce.

*Čvachta*: Jeden styl.css je pro obrazovku, pro tisk se použije print.css -> print.css bude vycházet z defaultního stylu prohlížeče.

Vyzkousel jsem. Mozna by to fungovalo, kdyby nebyla pouzita konstrukce
width: expression(document.body.clientWidth - 150);
Jenomze to by fungovali vsechny ostatni predchozi pokusy.
Jadro problemu je v tom, ze si sirku pro tisk bere ze sirky okna prohlizece a ne nadefinovaneho stylu v media print. Vzhledem k tomu, ze to dela pouze IE, tak se asi jedna o chybnou interpretaci M$

*Čvachta*: Přidejte do všech souborů další styl.
<link rel="stylesheet" href="style/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="style/styl.css" type="text/css" media="screen" />

Myslim, ze je jedno, jestli je to ve dvou souborech nebo v jednom. To je pouze kosmeticka zalezitost. Dulezite je, aby prislusny styl byl uvozen media print nebo media screen

Jo jeste jedna poznamka, ilustrujici problem.
Pokud styl pro tisk nastavim take pro screen, abych ho videl na monitoru, vse pracuje naprosto spravne. Jak na monitoru, tak v nahledu tisku.
Vratim-li to zpet, je tu stary problem.
Jiz z toho jsem na uvod usuzoval na problem s konstrukci

width: expression(document.body.clientWidth - 150);

v media screen.
Takze problem je opravdu v IE a spis jde o to, jestli se to da obejit.

habendorf Diky za inspiraci na primakave. Vsiml jsem si, ze vlastni div s textem mas obalen divem, kteremu prirazujes sirku pomoci expression.
Zkusil jsem to taky a ono to funguje. Viz

http://rodis1.webzdarma.cz/hotovo/hist2.html

http://rodis1.webzdarma.cz/hotovo/skola.css

Ted to jeste budu muset overit na ostatnich strankach a doplnit do nich ten jeden obalovaci div.

Kdyz by te napadlo neco jineho, tak napis.

Vsem diky za napady.

Dobra finta :-)