Andrea: drucken

Hallo!

Habe versucht mittels css nur eine Tabelle meiner Seite zu drucken.

Hier der Code von der Print.css:

body
{

margin: 0;
padding: 0;

color: black;
background: transparent;
width: auto;

}

div.nichtDrucken
{

display:none;
}
Und alle Elemente, die ich nicht drucken möchte habe ich in <div class="nichtDrucken"> hinein. Das funzt auch wunderbar, die Elemente werden nicht angezeigt, aber beim Ausdruck sind dort wo die ausgeblendeten Elemente sind, jetzt Leerzeilen. Daher ist mein Ausdruck 3 Seiten lang, aber eigentlich nur eine halbe Seite bedruckt. Was mach ich falsch, ich hab einfach keine Idee mehr. Kann mir jemand helfen?

lg,
Andrea

  1. Hi,

    beim Ausdruck sind dort wo die ausgeblendeten Elemente sind, jetzt Leerzeilen.

    die Ursache dazu lässt sich an dem von Dir genannten Code nicht ablesen. Vermutlich spielen noch andere Elemente mit hinein. Mit welchen Browsern konntest Du das Problem verifizieren?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo!

      Danke mal, hier noch ein paar Infos: Das ist Internet Explorer 6.0. Ich hab die DIVs nicht in einer Tabellenzeile Ich schicke mal den Code einer Seite:

      lg, Andrea

      <%@ Page language="c#" Codebehind="PersonalEdition.aspx.cs" AutoEventWireup="false" Inherits="license.PersonalEdition" smartNavigation="True"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML> <HEAD>   <title>PersonalEdition</title>   <style type="text/css">   </style>   <LINK media="print" href="Print.css" rel="stylesheet">   <LINK media="screen" href="Website.css" rel="stylesheet">   <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">   <meta content="C#" name="CODE_LANGUAGE">   <meta content="JavaScript" name="vs_defaultClientScript">   <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">   <style type="text/css">A:link { COLOR: #0033ff; TEXT-DECORATION: none } A:visited { COLOR: #0033ff; TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline }   </style> </HEAD> <body text="white" link="#0033ff" bgColor="white" MS_POSITIONING="GridLayout">   <SCRIPT language="JavaScript"><!--

      function clickButton(e, buttonid)

      {       var bt = document.getElementById(buttonid);       if (typeof bt == 'object'){             if(navigator.appName.indexOf("Netscape")>(-1)){                   if (e.keyCode == 13){       bt.click();                         return false;                   }             }

      if (navigator.appName.indexOf("Microsoft Internet Explorer")>(-1)){                   if (event.keyCode == 13){       bt.click();                         return false;                   }             }       } }

      function drucken()   {    window.print();   } //--></SCRIPT>   <form id="Form1" method="post" runat="server">    <div class="nichtDrucken">     <P><asp:image id="Image1" style="Z-INDEX: 102; LEFT: 32px; POSITION: absolute; TOP: 128px" runat="server"       Height="162px" Width="163px" ImageUrl="img\personal_large.gif" BorderWidth="1px" BorderColor="DimGray"></asp:image></P>     <P><asp:button id="bnSave" style="Z-INDEX: 117; LEFT: 352px; POSITION: absolute; TOP: 488px" runat="server"       Height="32px" Width="184px" ForeColor="Black" Font-Names="Verdana" BackColor="#E0E0E0"       Text="UpdateConfiguration"></asp:button></P>     <P><asp:button id="btnBack" style="Z-INDEX: 109; LEFT: 712px; POSITION: absolute; TOP: 192px" runat="server"       Height="32px" Width="80px" ForeColor="Black" Font-Names="Verdana" BackColor="#E0E0E0" Text="Back"       CausesValidation="False"></asp:button></P>     <P><asp:label id="Label3" style="Z-INDEX: 111; LEFT: 8px; POSITION: absolute; TOP: 384px" runat="server"       Height="24px" Width="70%" BorderWidth="2px" ForeColor="Gray" Font-Names="Verdana" BackColor="#E0E0E0"       BorderStyle="Outset" Font-Size="X-Small" Font-Bold="True">&nbsp&nbspUnits</asp:label></P>     <P><asp:button id="Button1" style="Z-INDEX: 112; LEFT: 40px; POSITION: absolute; TOP: -120px" runat="server"       Height="32px" Width="80px" ForeColor="Black" Font-Names="Verdana" BackColor="#E0E0E0" Text="Back"></asp:button><asp:textbox id="txtUnits" style="Z-INDEX: 103; LEFT: 112px; POSITION: absolute; TOP: 432px"       tabIndex="19" runat="server" Height="20px" Width="40px" Font-Names="Verdana" Font-Size="XX-Small">0</asp:textbox><asp:label id="Label4" style="Z-INDEX: 105; LEFT: 160px; POSITION: absolute; TOP: 432px" runat="server"       Height="4px" Width="40px" ForeColor="Black" Font-Names="Verdana" Font-Size="X-Small"> &nbspUnits</asp:label><asp:requiredfieldvalidator id="RequiredFieldValidator1" style="Z-INDEX: 107; LEFT: 208px; POSITION: absolute; TOP: 432px"       runat="server" Height="12px" Width="8px" ForeColor="DarkRed" ControlToValidate="txtUnits" ErrorMessage="*"></asp:requiredfieldvalidator><asp:comparevalidator id="CompareValidator1" style="Z-INDEX: 106; LEFT: 232px; POSITION: absolute; TOP: 432px"       runat="server" Height="8px" Width="200px" ForeColor="DarkRed" Font-Names="Verdana" Font-Size="X-Small" ControlToValidate="txtUnits" ErrorMessage="Please enter at least 1 unit" ValueToCompare="0" Type="Integer" Operator="GreaterThan"></asp:comparevalidator></P>     <P>&nbsp;</P>    </div>    <P>&nbsp;</P>    <div class="nichtDrucken">     <TABLE id="Table1" style="Z-INDEX: 101; LEFT: 224px; POSITION: absolute; TOP: 136px" cellSpacing="1"      cellPadding="1" width="300" bgColor="white" border="0" runat="server">      <TBODY>       <TR>        <TD>         <P><asp:label id="Label1" runat="server" Height="32" Width="456" ForeColor="DarkRed" Font-Size="Large"           Font-Bold="True">ADOS Personal Edition</asp:label></P>        </TD>       </TR>       <TR>        <TD id="tdText" style="COLOR: black" bgColor="white"><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Arial"><FONT size="2"><SPAN class="ados1"><SPAN class="ados1"><SPAN class="ados1"><SPAN class="ados11"><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Arial">                <P class="ados1" style="COLOR: black">               </SPAN></SPAN><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Arial"></SPAN></SPAN>            </SPAN></SPAN></FONT></SPAN>         <P class="ados1" style="FONT-SIZE: 16px; COLOR: black"><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Arial"><FONT size="2"><SPAN class="ados1"><SPAN class="ados1"><SPAN class="ados1"><SPAN class="ados11"><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Arial"><SPAN class="ados1"><SPAN class="ados1"><SPAN class="ados1"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></FONT></SPAN>&nbsp;</P>        </TD>       </TR>      </TBODY>     </TABLE>    </div>    <P></P>    <div class="nichtDrucken">     <TABLE style="Z-INDEX: 104; LEFT: 8px; POSITION: absolute; TOP: 8px" cellSpacing="0" borderColorDark="#000000"      cellPadding="0" width="70%" borderColorLight="#8cadff" border="2">      <TR>       <TD borderColor="#2557ad" borderColorLight="#8cadff" align="left" width="10%" bgColor="#2557ad"        height="66">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG height="58" src="img\logo.gif" width="204" border="0"></TD>      </TR>      <TR>       <TD borderColor="#2557ad" borderColorLight="#8cadff" bgColor="#2557ad" borderColorDark="#000080">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        <FONT face="Verdana" color="#ffffff" size="4">ADOS License Configurator</FONT></TD>      </TR>     </TABLE>    </div>    <div class="nichtDrucken">     <TABLE id="TableCurrency" style="Z-INDEX: 116; LEFT: 8px; POSITION: absolute; TOP: 616px; HEIGHT: 90px"      cellSpacing="1" cellPadding="1" width="100%" border="0" runat="server">      <TR>       <TD><asp:label id="Label37" runat="server" Height="20px" Width="96px" ForeColor="Black" Font-Names="Verdana"         Font-Size="Small" Visible="False">Currency:</asp:label><asp:dropdownlist id="ddlCurrency" tabIndex="20" runat="server" Width="94px" Font-Names="Verdana"         Visible="False" AutoPostBack="True">         <asp:ListItem Value="CHF">CHF</asp:ListItem>         <asp:ListItem Value="GBP">GBP</asp:ListItem>         <asp:ListItem Value="USD">USD</asp:ListItem>         <asp:ListItem Value="EUR" Selected="True">EUR</asp:ListItem>        </asp:dropdownlist><asp:label id="lbCountry" runat="server" Height="20px" Width="96px" ForeColor="Black" Font-Names="Verdana"         Font-Size="Small" Visible="False"> &nbsp&nbspCountry:</asp:label><asp:dropdownlist id="ddCountry" tabIndex="21" runat="server" Width="64px" Font-Names="Verdana" Visible="False"         AutoPostBack="True">         <asp:ListItem Value="AT">AT</asp:ListItem>         <asp:ListItem Value="CH">CH</asp:ListItem>         <asp:ListItem Value="EU">EU</asp:ListItem>        </asp:dropdownlist><asp:button id="bnBack" runat="server" Height="32px" Width="80px" ForeColor="Black" Font-Names="Verdana"         BackColor="#E0E0E0" Text="Back" CausesValidation="False" Visible="False"></asp:button>        <TABLE id="Table5" style="WIDTH: 792px; HEIGHT: 64px" cellSpacing="1" cellPadding="1" width="792"         border="0" runat="server">         <TR>          <TD><asp:label id="Label33" runat="server" Height="21px" Width="96px" ForeColor="Black" Font-Names="Verdana"            Font-Size="Small">1 Euro are</asp:label><asp:textbox id="txtConversionFactor" tabIndex="22" runat="server" Width="72px">1</asp:textbox><asp:label id="lbForeignCurrency" runat="server" Width="72px" ForeColor="Black" Font-Names="Verdana"            Font-Size="Small">Label</asp:label><A id="link1" href="javascript:__doPostBack('','')" runat="server"><IMG id="IMG1" title="" style="WIDTH: 24px; HEIGHT: 18px" height="18" alt="" src="img\primary.gif"             width="24" border="0" runat="server"></A><asp:linkbutton id="LinkButton1" runat="server" Font-Names="Verdana" Font-Size="X-Small" Font-Bold="True">    UPDATE EXCHANGE RATE</asp:linkbutton><asp:comparevalidator id="CompareValidator4" runat="server" ForeColor="DarkRed" Font-Names="Verdana" Font-Size="Smaller"            ControlToValidate="txtConversionFactor" ErrorMessage="This is not a valid conversion factor" ValueToCompare="0" Type="Currency" Operator="GreaterThan"></asp:comparevalidator></TD>         </TR>        </TABLE>        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       </TD>      </TR>     </TABLE>    </div>    <div class="nichtDrucken"><asp:label id="Label14" style="Z-INDEX: 108; LEFT: 8px; POSITION: absolute; TOP: 352px" runat="server"      Width="272px" ForeColor="Black" Font-Names="Verdana" Font-Size="Smaller"></asp:label><asp:label id="Label7" style="Z-INDEX: 114; LEFT: 8px; POSITION: absolute; TOP: 560px" runat="server"      Height="24px" Width="70%" BorderWidth="2px" ForeColor="Gray" Font-Names="Verdana" BackColor="#E0E0E0" BorderStyle="Outset" Font-Size="Smaller" Font-Bold="True" Visible="False">&nbsp&nbspRecommended Configuration</asp:label></div>    <asp:label id="lbConfigID" style="Z-INDEX: 115; LEFT: 8px; POSITION: absolute; TOP: 752px"     runat="server" Width="232px" ForeColor="Black" Font-Names="Verdana" Font-Size="Small" Font-Bold="True"></asp:label>    <div class="nichtDrucken"><asp:button id="bnDelete" style="Z-INDEX: 118; LEFT: 696px; POSITION: absolute; TOP: 488px"      runat="server" Height="32px" Width="160px" ForeColor="Black" Font-Names="Verdana" BackColor="#E0E0E0" Text="DeleteConfiguration"      Visible="False"></asp:button></div>    <DIV>     <TABLE id="Table8" style="Z-INDEX: 120; LEFT: 16px; WIDTH: 1059px; POSITION: absolute; TOP: 792px; HEIGHT: 139px"      cellSpacing="1" cellPadding="1" width="1059" border="0">      <TR>       <TD>        <P>         <TABLE id="Table6" style="FONT-SIZE: 14px; COLOR: black; FONT-FAMILY: Verdana; HEIGHT: 32px"          cellSpacing="0" cellPadding="5" width="70%" border="0" runat="server">          <TR>           <TD><STRONG></STRONG></TD>           <TD></TD>           <TD width="350"></TD>           <TD align="right"><STRONG></STRONG></TD>           <TD align="right"></TD>           <TD></TD>          </TR>         </TABLE>        </P>        <div class="nichtDrucken">&nbsp;</div>        <DIV class="nichtDrucken">         <TABLE id="TableLinks" cellSpacing="1" cellPadding="1" width="300" border="0" runat="server">          <TR>           <TD>&nbsp;<A id="linkPrint" href="javascript:__doPostBack('','')" runat="server"><IMG id="Img2" title="" style="WIDTH: 24px; HEIGHT: 18px" height="18" alt="" src="img\primary.gif"              width="24" border="0" runat="server"></A>            <asp:linkbutton id="lbPrint" runat="server" Font-Names="Verdana" Font-Size="X-Small" Font-Bold="True">PRINT CONFIGURATION</asp:linkbutton></TD>          </TR>          <TR>           <TD></TD>          </TR>          <TR>           <TD></TD>          </TR>         </TABLE>        </DIV>       </TD>      </TR>     </TABLE>    </DIV>   </form> </body> </HTML>

      1. Hi,

        Ich hab die DIVs nicht in einer Tabellenzeile

        aber ziemlich viele Absätze dazwischen, die weiterhin gedruckt werden. Dein Code an sich ist _äußerst_ unsemantisch und damit per se problematisch. Abstände werden beispielsweise *nie* durch <p> (oder irgend einen anderen HTML-Code) erzeugt, sondern durch margin.

        Ich schicke mal den Code einer Seite:

        Bei clientseitigen Problemen eliminiere bitte jedweden serverseitigen Code vollständig. Er kann niemals helfen, sondern allenfalls die Problemsuche komplett unmöglich machen.

        <SCRIPT language="JavaScript"><!--

        Und bitte validiere Deine Codes, bevor Du irgend welche Problemursachen suchst.

        function drucken()
          {
           window.print();
          }

        Diese Funktion ist - wie so manch andere auch - _nicht_ obligatorisch. Ihre Existenz muss zuvor geprüft werden.

        [...]

        Den Rest verstehe ich nur insoweit, als der HTML-Code dringend überarbeitet werden muss.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Hallo nochmal!!

          danke dir mal.
          Hab jetzt alle p rausgelöscht. Ich kann nicht gut HTML, Visual Studio hat mir die automatisch p's reingemacht, wahrscheinlich hab ich auf dem form blöd herumgeklickt.... der ganze html code bis auf die javascript funktionen wurde von vs erzeugt.
          wie auch immer, die p's sind weg, aber das Drucken funzt noch immer nicht.
          kannst mir noch einen Tip geben?????

          lg,
          Andrea

          1. Hi,

            wie auch immer, die p's sind weg, aber das Drucken funzt noch immer nicht.
            kannst mir noch einen Tip geben?????

            diverse, was die Verwendung der deutschen Sprache betrifft. Zum Thema gehörende jedoch keine, die ich nicht schon gegeben hätte, zumal Deine Problembeschreibung leider recht dürftig ist. Daher noch einmal die Frage: Wie lautet der _clientseitige *und validierende*_ HTML- und CSS-Code?

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
            1. Hallo!

              Bitte Cheatah mach dich nicht lustig über mich, wie gesagt, ich kann HTML kaum, habe mich aber blöderweise dafür entschieden, dass ich das mit dem Drucken über CSS Stylesheets löse. Und jetzt steh ich da und weiß nicht weiter, weil ich ja im Prinzip keine Ahnung davon habe.
              Ich hab mich beim erzeugen des html codes auf VS verlassen, bzw. sonst auf Frontpage oder was auch immer.
              Ich weiß nicht was du mit clientseitigem und validierendem Code meinst.
              Nunja, ich werde schon eine Lösung finden.
              Danke,
              Andrea

              1. Hi,

                Ich weiß nicht was du mit clientseitigem und validierendem Code meinst.

                Das, was dann schlussendlich beim Browser ankommt. Hast du denn vielleicht eine Adresse, wo man sich das mal im Netz anschauen kann?

                Margin-Auto

                1. Hallo!

                  Ja, die Adresse ist demo.ados.net/license
                  benutzername bdados\testconf
                  passwort: test 500

                  danke

                  1. Hallo!

                    sorry, passwort: test500

                  2. Hi,

                    Ja, die Adresse ist demo.ados.net/license

                    Wenn Du http://demo.ados.net/license meinst: gibt's nicht.

                    freundliche Grüße
                    Ingo

                    1. Hallo!

                      Also die Adresse stimmt aber 100%.

                      lg,
                      Andrea

                      1. Hi,

                        Also die Adresse stimmt aber 100%.

                        jetzt geht's komischerweise. Vielleicht ein kurzzeitziger Ausfall.
                        Auf http://demo.ados.net/license/StandardEdition.aspx finde ich zwar besagte Klassen im HTMl, aber die CSS-Dateien, insbesondere http://demo.ados.net/license/Print.css, sind nicht vorhanden. Der Klasse werden also keine Eigenschaften zugewiesen.
                        Übrigens sieht die Seite im Firefox katastrophal aus.

                        freundliche Grüße
                        Ingo

                        1. Hallo!

                          Hab die css files jetzt auch auf den Server gelegt, sorry hab vergessen, hatte sie nur am Test-Server.

                          liebe Grüße,
                          Andrea

                          1. Hi,

                            Hab die css files jetzt auch auf den Server gelegt, sorry hab vergessen, hatte sie nur am Test-Server.

                            hehe... jetzt sehe ich's auch.
                            Das Problem werden die absoluten Positionierungen sein (die zumindest im Firefox ohnehin völlig verkehrt sind). Gestalte die Seite so um, daß Du alle Elemente im Fluß beläßt und dann sollte das Ausblenden auch funktionieren.

                            freundliche Grüße
                            Ingo

                            1. Hallo Ingo!

                              Ja, du hattest Recht, danke dir, jetzt funktioniert es.
                              Ich freu mich!!!!!!!!

                              lg,
                              Andrea

  2. Hi,

    aber beim Ausdruck sind dort wo die ausgeblendeten Elemente sind, jetzt Leerzeilen.

    ohne den kompletten Code oder besser eine Beispielseite muß ich raten: Du hast das DIV nicht zufällig in einer Tabellenzelle?

    freundliche Grüße
    Ingo