Druckvorschau im IE und Firefox KOMPLETT verschieden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Druckvorschau im IE und Firefox KOMPLETT verschieden

    Hallo zusammen,

    ich arbeite derzeit an einer Tabelle in einer ASP-Seite die den Inhalt eines SQL-Queries widergibt und durch die im Browser gescrollt werden kann, die am Drucker aber ganz normal gedruckt wird.

    Da ich bei der Browser-Ansicht gerne eine feststehende Zeile mit den Spaltennamen haben möchte, habe ich mir für die Spaltennamen eine eigene Tabelle gebaut.
    Um zu garantieren dass die Tabelle mit den Spaltennamen und die Tabelle mit dem Queryinhalt die gleiche Spaltenbreite haben, wird die Breite für jede Spalte fix codiert.
    Das ganze sieht im Code dann so aus:
    (in RS(i).Name steht die Spaltenbreite und in tmp_rs stehen dann die Felder des Queries)

    Quellcode

    1. <TABLE><TR>
    2. <hr align="left" color="#FF0000">
    3. <%
    4. For i = 0 to RS.Fields.Count - 1
    5. select case RS(i).Name
    6. case "A" ReDim Preserve fieldNameArray(i)
    7. fieldNameArray(i) = "30px"
    8. case "B" ReDim Preserve fieldNameArray(i)
    9. fieldNameArray(i) = "42px"
    10. case "C" ReDim Preserve fieldNameArray(i)
    11. fieldNameArray(i) = "155px"
    13. response.write("<td width="&fieldNameArray(i)&" bgcolor='#00FFFF' valign=top><font size=1 color='#000000'><b>" & RS(i).Name & "</b></a></font></td>")
    14. Next
    16. response.write("</TR>")
    17. </TABLE>
    19. <DIV id="c">
    20. <TABLE>
    21. response.write("<TR bgcolor='#dddddd'>")
    22. response.write("<td width="&fieldNameArray(i)&" ALIGN=RIGHT><font size=1>" & tmp_rs & "</font></td>")
    23. response.write("</TR>")
    24. </TABLE>
    25. </DIV>
    Alles anzeigen


    Der DIV-Tag verweist auf ein CSS-File und soll den Umstand regeln, dass die Tabelle im Browser scrollbar ist, am Drucker jedoch nicht

    DIV-Tag in der Drucker.css

    Quellcode

    1. div#c {
    2. overflow:auto;
    3. width:1130px;
    4. height:470px;
    5. }


    DIV-Tag in der Default.css

    Quellcode

    1. div#c {
    2. width:1130px;
    3. }


    So sieht es im IE aus. So stell ich mir die Darstellung auch vor:
    [Blockierte Grafik: http://img404.imageshack.us/img404/382/bild1mx5.jpg]

    So wird die gleiche Seite im Firefox dargestellt - man sieht bei den letzten Spalten, dass sie nicht mehr ganz übereinander stehen - aber damit könnte ich noch leben.
    [Blockierte Grafik: http://img238.imageshack.us/img238/2519/bild2gl3.jpg]

    Hier sieht man die Druckvorschau im IE. Genauso soll es ausschaun !!
    [Blockierte Grafik: http://img503.imageshack.us/img503/3483/bild3yj4.jpg]

    Und das ist die Druckvorschau im Firefox. Da passt keine einzige Spaltenüberschrift zur Spalte darunter :(:(
    [Blockierte Grafik: http://img237.imageshack.us/img237/4158/bild4tn4.jpg]

    Kann mir irgendjemand sagen was ich hier SO falsch gemacht habe ??

    Danke
    Gawan

  • poste mal den ganzen quelltext
    firefox ist bei quelltextfehlern restriktiver - vielleicht hat sich irgendwo was eingebürgert

    ein paar fehler sind z.b.
    * das <hr> in der <table>
    * html tags generell klein schreiben
    * alle attribute (vor allem strings) mit anführungszeichen => align="right"

    aber das bei den spalten gar nichts übereinstimmt wundert mich auch

  • Naja, recht viel mehr Code gibts da nicht mehr :)

    Quellcode

    1. <%
    2. RS.Open "SELECT ..... 10 zeilen code .....", objConn, adOpenForwardOnly, adLockReadOnly, adcmdtext
    3. %>
    5. <TABLE><TR>
    6. <hr align="left" color="#FF0000">
    7. <%
    8. ReDim fieldNameArray(0)
    10. For i = 0 to RS.Fields.Count - 1
    12. select case RS(i).Name
    13. case "A"
    14. ReDim Preserve fieldNameArray(i)
    15. fieldNameArray(i) = "30px"
    16. case "B"
    17. ReDim Preserve fieldNameArray(i)
    18. fieldNameArray(i) = "42px"
    19. case "C"
    20. ReDim Preserve fieldNameArray(i)
    21. fieldNameArray(i) = "155px"
    23. ....etc....etc....etc....
    25. case "ZZ"
    26. ReDim Preserve fieldNameArray(i)
    27. fieldNameArray(i) = "16px"
    28. end select
    31. response.write("<td width="&fieldNameArray(i)&" bgcolor='#00FFFF' valign=top><font size=1 color='#000000'><b>" & RS(i).Name & "</b></a></font></td>")
    33. Next
    34. response.write("</TR>")
    35. %>
    36. </TABLE>
    37. <div id="c">
    39. <TABLE>
    40. <%
    41. Do While Not RS.EOF
    42. response.write("<TR bgcolor='#dddddd'>")
    43. For i = 0 to RS.Fields.Count - 1
    44. tmp_rs=rs(i)
    45. if isnull(tmp_rs)=true then
    46. response.write("<TD width="&fieldNameArray(i)&" VALIGN=TOP><font size=1>-</font></TD>")
    47. else
    48. response.write("<TD width="&fieldNameArray(i)&" VALIGN=TOP><font size=1>" & tmp_rs & "</font></TD>")
    49. end if
    51. Next
    52. response.write("</TR>")
    53. RS.MoveNext
    54. Loop
    55. %>
    56. </TABLE>
    57. </DIV>
    58. <%
    59. objConn.Close
    61. %>
    62. </body>
    63. </html>
    Alles anzeigen

  • naja, ich meinte jetzt mehr den fertig geparsten code
    nichtdestotrotz: korrigier die anderen fehler, so dass die seite w3c konform wird

    allein schon: <div>...</DIV> - das sieht nix aus
    aber hauptgrund könnte das <hr> sein - das kannst du nicht einfach mitten in die tabellencode machen

    wenn die linie über eine bestimmte anzahl von spalten gehen soll, dann arbeite mit colspan

    Quellcode

    1. <td colspan="10"><hr /></td>