XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   probleme beim drucken (http://xhtmlforum.de/showthread.php?t=35217)

Heinz.Iseli 22.04.2005 15:22

probleme beim drucken
 
hi leute

ich habe ein "seitenumbruch" problem... :(
im html-template sind folgende layer definiert

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="container">
<div id="intro">

<div id="pageHeader">
<h1><span>Controlling</span></h1>
<h2><span>Unternehmen</span></h2>
</div>

<div id='content_left'>CONTENT_LEFT</div>
<div id='content'>CONTENT</div>
<div id='content_right'>CONTENT_RIGHT</div>
<div id='search' class='search'>SEARCH</div>
</div>


<div id='menu1' class='menu1'>MENU1</div>
<div id='menu2' class='menu2'>MENU2</div>

<div id='address'>

</div>

<div id='stv_logo'>
[img][/img]
</div>

<div id='language'>
[img]/fileadmin/templates/images/gb.gif[/img]
[img]/fileadmin/templates/images/de.gif[/img]
</div>

<div id='print' class='print'>
[img]fileadmin/templates/images/print.gif[/img]</img>
</div>

<div id='klickpfad' class='klickpfad'>KLICKPFAD</div>
<div id='klickpfad_txt' class='klickpfad_txt'>--></div>

</div>
</body>
</html>

das print-css sieht so aus:

/* CSS für Prints, wird auf allen Seiten mit eingebunden */

@page {
margin: 1cm;
/* die meisten Drucker kommen nicht
bis an den Rand; kann auch vom Browser
ueberschrieben werden */
}

body{
background-image:url(http://####images/print_header.jpg);
background-repeat:no-repeat;
background-position:top left;
padding: 0 0 10em;
}

a { color:black; }

p {color:#FF0000;}

a:hover {color:#000000; font-style: normal;}

/*POSITIONING====================================== ========*/
/*container is the mainbox for all layers include menu */

#container
{
width:600px;
}

#intro
{
width:600px;
}

#pageHeader
{ display: none;}

#pageHeader h1, h2 { display: none;}

#content
{
position: relative;
top: 100px;
left: 30px;
width: 100%;
overflow:auto;
}

#address
{
filter:alpha(opacity=60);
-moz-opacity:0.8;
position:absolute;
top:700px;left:500px;
width:180px; height:100px;
border:1px solid #000000;
background-color:#6666aa;
z-index:2;
padding: 2px;
}

#content_left
{ display:none; }

#content_right
{ display:none; }

#menu1
{ display:none; }

.menu1
{ display:none; }

#menu2
{ display:none; }

.menu2
{ display:none; }

#language
{ display:none; }

#search
{ display:none; }

#stv_logo
{ display:none; }

#klickpfad
{ display:none; }

.klickpfad
{ display:none; }


#klickpfad_txt
{ display:none; }

.klickpfad_txt
{ display:none; }

##################

beim ausdrucken wird nun die letzte zeile einfach abgeschnitten (auch innerhalb der zeile)...

kann mir jemand helfen?

Dieter 22.04.2005 15:38

Probiers mal so:
Code:

@page {
        size: auto;
}
html,body {
        margin: 0;
        padding: 0;
}


Heinz.Iseli 22.04.2005 15:44

danke!!
 
hallo brillenträger :)

hat funktioniert! nun muss ich noch den address layer in die fusszeile kriegen, dann bin ich glücklich...

gruss
heinz

Dieter 22.04.2005 15:48

Ausserdem solltest Du Deine print-Angaben mal in einer separaten Datei abspeichern und diese dann bei W3 validieren - und dnch die Fehler korrigieren!

Das hilft bestimmt was!

Dieter 22.04.2005 16:03

Das mit dem Adress-Layer immer als Seitenabschluss und immer an der gleichen Stelle kannst Du wahrscheinlich vergessen!

Du weisst nicht, auf welchem Format (DIN A3, DIN A4, hochkant, quer) der User druckt! Da ist nix mit absoluter Positionierung!

Swoop 22.04.2005 16:16

Zitat:

#content_left, #content_right, #menu1, .menu1, #menu2, .menu2, #language, #search, #stv_logo, #klickpfad, .klickpfad, #klickpfad_txt, .klickpfad_txt {

display: none;
}
;)

Heinz.Iseli 22.04.2005 17:10

danke!!
 
:)

den mit der validierung mach ich gleich noch.

ich bin mit dem resultat zufrieden. die fusszeilen position ist wirklich ein argument, diese nicht anzuzeigen.

gruss an alle


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:19 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020