6 svar · 678 visningar · startad av bassebhu
Tjaba!
Jag har en div med text som har fast höjd och overflow: auto. När man skriver ut så skrivs det bara ut så mycket som höjden på diven är.
Jag satte då en print-css-fil med height: auto !important; för diven.
Nu kan jag skriva ut ett helt A4 innan texten stoppas. Hur gör jag för att kunna skriva ut så mycket som det finns innehåll?
Tackar för svar!
überfuzz skrev:
Jag förstår inte riktigt hur du menar. Det kan vara följande du söker.
@page { size: auto }
Funkade inte tyvärr.
Jag har alltså en div med fast höjd och overflow satt till auto för att få scrollbars. När man skriver ut så har jag ett stylesheet där jag i stället har satt height: auto !important; på diven, men det hjälper bara så långt att den skriver ut ett A4 och sedan bryter. Fråga mig inte varför. Men utan auto-height så skriver den bara ut så mycket som syns på hemsidan. Alltså inte det som ligger som overflow i diven.
Taskigt beskrivet? ;)
Nä, jag förstår inte riktigt, har du något på nätet?
Tips: När jag ska anpassa sidor för utskrift brukar jag använda förhandsgranska, finns i Firefox. På så vis kan jag snabbt se vad som skickas till skrivaren.
Eftersom du har en css-fil enbart för utskrift, så borde det väl bara vara att plocka bort height och overflow från den aktuella div-en i den filen så att innehållet styr höjden?
visslaren skrev:
Eftersom du har en css-fil enbart för utskrift, så borde det väl bara vara att plocka bort height och overflow från den aktuella div-en i den filen så att innehållet styr höjden?
Exakt, men det är lite lurigt när man har satt overflow:hidden på body utan att veta om det :e
Nu funkar det! Tack!
bassebhu skrev:
Exakt, men det är lite lurigt när man har satt overflow:hidden på body utan att veta om det :e
Nu funkar det! Tack!
Nu borde du testa det jag föreslog, om du lägger in @media print etc behöver du inte krångla med två cssfiler. Då kan du ha en och den tar hand om utseendet i webbläsare och skrivare.
