Druckproblem - abgeschnittene letzte Zeile

[jens]

Hallo zusammen,

am Ende einer Seite wird die entsprechende Zeile abgeschnitten (nicht am rechten Rand, sondern horizontal). Wie kann man das umgehen, bzw. stimmt die Aussage, dass dies wirklich nicht per CSS zu realisieren ist?

Gruß,

Jens.

[Ingo Turski]

Hi,

in welchem Browser?
Und wie sieht die Seite konkret aus (URL)?
Ansonsten kann nur spekuliert werden, z.B. über den Einsatz von position: oder height:

freundliche Grüße
Ingo

[jens]

in welchem Browser?

am besten alle. :-)

Und wie sieht die Seite konkret aus (URL)?

url ist noch nicht vorhanden, seite sieht aber so aus:

css:
----

@page { size:21.0cm 14.85cm;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:2cm
}

div {padding: 0px; margin: 0px; border: 0px; }

div#content_outer { overflow:visible; height: auto; width: auto; overflow: visible; margin-right:0px; }
div#content_inner { overflow:visible;  margin-left: 0px; margin-top: 0px; float: left; width:100%; text-align: justify; clear:both;}

div#header_left{ visibility:hidden; display:none; margin-left: 10px; margin-top: 10px; float: left; width: auto; height:auto;}
div#header_right {margin-top: 10px; height:auto; margin-right: 0px; float: right; width: 250px;}

div#data { overflow:visible; height: 100%; width:auto; overflow: visible; float: right; border-left: 0px solid #aaa; border-bottom: 3px; border-right: none; border-top: none; background-image: url(../img/circles_back.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position: bottom right; }
div#nav { visibility:hidden; display:none; border-right: inset 4px  #bbb; height: auto; margin-top: 0px; width:auto; overflow: visible;  float: left; border-left: 0px solid #aaa; background-color:#CCC; background-repeat:repeat; }

body { clear:both; overflow:visible; font-weight: normal; font-size: 12px; font-family: arial; line-height: 1.4; margin: 0,0,0,0; padding:0;}

p { overflow:visible; clear:both; margin: 8,0,8,0; }
a { text-decoration: none; }

font.bigger { font-size: 16px; }
font.biggerGray { font-size: 16px; color: #949694; }
font.biggerOrange { font-size: 16px; color: #E4B100; }

hr.orange {color: #FFCB00; }

aspx:
-----
...
<div id="content_outer">
<proseco:navbar runat="server" ID="Navbar1" NAME="Navbar1" EnableViewState="False" />
<div id="data">
<div id="header_left">
</div>
<div id="header_right" align="right">
</div>
<div id="content_inner">
</div>

Gedruckt werden soll content_inner und header_right. Mehr nicht. Durcke ich nur content_inner, funktioniert alles ohne Probleme, wird aber auch noch header_right im print.css visible, gibt es Probleme.

'ne Idee?

Gruß,

Jens.

[Ingo Turski]

Hi,

in welchem Browser?

am besten alle. :-)

ich fragte danach, welcher Browser das Problem hat.

url ist noch nicht vorhanden, seite sieht aber so aus:

schade.

@page { size:21.0cm 14.85cm;

ob das alle Browser grundsätzlich umsetzen?

div#data { overflow:visible; height: 100%;

das könnte ein Problem sein.

background-image: url(../img/circles_back.jpg);

und das kannst Du Dir eigentlich sparen, es sei denn, die Benutzer haben ihren Browser tatsächlich entsprechend eingestellt.

body { clear:both; overflow:visible; font-weight: normal; font-size: 12px; font-family: arial; line-height: 1.4; margin: 0,0,0,0;

was sollen denn die Kommata?

p { overflow:visible; clear:both; margin: 8,0,8,0; }

und hier auch?

<proseco:navbar runat="server" ID="Navbar1" NAME="Navbar1" EnableViewState="False" />

nanu? Ich dachte, das wäre was zum Trinken? ;-)

<div id="data">

also alles innerhalb eines DIVs mit height:100%. setz das doch mal auf auto.

freundliche Grüße
Ingo