Autor Zpráva
Marten
Profil
#1 · Zasláno: 21. 2. 2005, 11:45:20
Odpovědět Citovat
Nazdar, mate nekdo zkusenost s formatovanim divu pro tisk, kdyz je obsah delsi nez jedna strana? V IE to docela jde, tam to jen odstarnkuje treba v polovine radku, ale v Mozille se mi tiskne jen prvni strana.
Pouzival jsem ruzne kombinace pro position, overflow, height... a ja nevim co jeste, ale mozila mi proste neodstrankovala. Nevite co s tim?

/********************************************************************* *********/
/*to je pro zobrazeni v prohlizeci*/
/********************************************************************* *********/
DIV.BKGND
{
position: relative;
width: 100%; height: 88%;
background-color: #E2E2E2;
border-style: inset; border-width: 2px;
margin-top: 5px; padding-top: 5px;
overflow: auto;
}
/********************************************************************* *********/
/*Veze pro tisk*/
/********************************************************************* *********/
@media print
{
DIV.BKGND
{
position: absolute;
font-size: 8px;
width: 100%; height: auto;
background-color: white;
border-style: none;
margin-top: 5px; padding-top: 5px;
}
}
Leo
Profil
#2 · Zasláno: 21. 2. 2005, 12:44:24
Odpovědět Citovat
A proc tam mate position absolute? Chcete rict, ze kdyz na stranku date div bez position, a rozmeru a overflow, tak se nevytiskne cely? Leo
Marten
Profil
#3 · Zasláno: 21. 2. 2005, 13:04:17
Odpovědět Citovat
to se vytiskne, ale ja prave ten div pri normalnim zobrazeni omezuju na vysku, aby se mi neodroloval zbytek stranky pri vetsim mnozstvi zobrazenych dat. a pokud pro tisk nedam position: absolute, tak se to vytiskne uplne spatne.
Leo
Profil
#4 · Zasláno: 21. 2. 2005, 13:28:00
Odpovědět Citovat
Omezovani obsahu stranky na vysku a overflow neni nikdy moc dobry napad, co vam vadi na scrolovani? Myslite si, ze uzivatele to neumi? Leo
Marten
Profil
#5 · Zasláno: 21. 2. 2005, 13:31:38
Odpovědět Citovat
tady je zhruba nastineno co chci dosahnout:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Titulek</title>
<style>
#Menu
{
width: 100%; height: auto;
background-color: #E2E2E2;
border-style: inset; border-width: 2px;
vertical-align: middle;
}
DIV.BKGND
{
width: 100%; height: 88%;
overflow: auto;
background-color: #E2E2E2;
border-style: inset; border-width: 2px;
margin-top: 5px; padding-top: 5px;
}
@media print
{
/*Pozadi aplikaci*/
DIV.BKGND
{
width: 100%; height: auto;
background-color: white;
border-style: none;
}
}
</style>

</head>
<BODY >

<DIV ID='Menu'>
Tady je nejake menu.
</DIV>

<DIV CLASS='BKGND'>
<?
for($i = 0; $i < 150; $i++){
echo "$i /********************************************************************* *********/<BR>";
}
?>
</DIV></body>
</html>

misto toho cyklu v php si muzete dat jakykoli text, tak, aby byl delsi nez jedna strana. U objektu 'menu' potrebuji, aby mi zustal na strance i po odrolovani dat zobrazenych v bloku 'BKGND'. ma to jeste spoustu jinych formatovani a souvislosti, ale s tema problem neni.
Marten
Profil
#6 · Zasláno: 21. 2. 2005, 13:36:28
Odpovědět Citovat
jedna se o zobrazovani dat pomoci ruznych php aplikaci a to menu je tam napric temi aplikacemi a slouzi k orientaci a prochazeni systemem. Tudiz neni zadouci, abych data odroloval i s menu.
Marten
Profil
#7 · Zasláno: 21. 2. 2005, 13:39:56 · Upravil/a: Marten
Odpovědět Citovat
dale se mi to zda prehlednejsi a jednodussi. Docela mne zarazilo, ze prave IE to nejak udela, kdezto Mozila ne. Ve smes mam opacne zkusenosti, co se tyce CSS vs. browser.
Yuhů
Profil
#8 · Zasláno: 21. 2. 2005, 15:05:31
Odpovědět Citovat
a funguje vůbec to
height: auto;
?

Zkusil bych tam natvrdo napsat třeba height: 2800px
a zkusit, jestli se to nevytiskne správně.
Pokud jo, tak víme, že je problém ta height.
Pokud ne, tak jdem dál tápat.
Marten
Profil
#9 · Zasláno: 21. 2. 2005, 15:14:02 · Upravil/a: Marten
Odpovědět Citovat
Vsem se omlouvam, za vami straveny cas nad timto problem. Uz jsem to objevil. ;-)
stacilo pro tisk vratit overflow z auto na defaultni visible a je vymalovano.
vysledny media print je potom:
@media print
{
DIV.BKGND
{
width: 100%;
background-color: white;
border-style: none;
overflow: visible;
}
}
Takze diky.
To Yuhů :
height: auto funguje. pouzivam to s uspechem i jinde
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0