Drucker interpretiert Skalierung nicht!

[Marc]

Hallo zusammen,

ich habe das Problem das ich Bilder mit JavaScript kleiner zoome, das wird dann auch auf der nächsten Seite richtig angezeigt, wenn ich allerdings drucke, werden die Bilder in ihrer Originalgröße gedruckt.

function druckansicht() {
 // Fenster öffnen
 wndnew = window.open("druckansicht.html", "Druckansicht", "resizable=yes,status=yes,toolbar=np,menubar=yes,location=yes,scrollbars=yes,width=780,height=500", true);
}

function zoomChildren(parent, zoom, zoomFactor) {
  var i;
  for(i=0; i<parent.childNodes.length; i++) {
    parent.childNodes[i].style.zoom = zoom;
    parent.childNodes[i].style.top = parseFloat(parent.childNodes[i].style.top) * zoomFactor;
    parent.childNodes[i].style.left = parseFloat(parent.childNodes[i].style.left) * zoomFactor;
  }
}
function load(){
 wndnew.document.getElementById("uebernahme").innerHTML = document.getElementById("uebernahme").innerHTML +
    "<div class='druckansicht'><img src='img/print.png' style='cursor:hand' onClick='window.print();'>" +
    "</div><div class='druckschrift' id='Drucken'>Drucken</div>";
 wndnew.document.getElementById("ID").value = document.getElementById("ID").value;
  var zoom = "80%";
  var zoomFactor = 0.8;
  wndnew.document.getElementById("oben").style.zoom = zoom;
  wndnew.document.getElementById("mitte").style.zoom = zoom;
  wndnew.document.getElementById("aussen").style.zoom = zoom;

zoomChildren(wndnew.document.getElementById("VoLi"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("VoRe"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("GeLe"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiLi"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiRe"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("Fond"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("Ux"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("Klapp"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("Klapp2"), zoom, zoomFactor);

zoomChildren(wndnew.document.getElementById("VoLiSeite1"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("VoReSeite1"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("GeLeSeite1"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiLiSeite1"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiReSeite1"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("FondSeite1"), zoom, zoomFactor);

zoomChildren(wndnew.document.getElementById("VoLiSeite2"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("VoReSeite2"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("GeLeSeite2"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiLiSeite2"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("HiReSeite2"), zoom, zoomFactor);
  zoomChildren(wndnew.document.getElementById("FondSeite2"), zoom, zoomFactor);
}

Die ersten drei Bilder, die ich in load() skaliere werden beim Drucken richtig gedruckt, allerdings die restlichen Bilder in der Funktion zoomChildren() nicht. Ich habe auch versucht die Bilder in load() zu skalieren, das macht aber keinen Unterschied.

Kann mir bitte jemand helfen?

[Struppi]

ich habe das Problem das ich Bilder mit JavaScript kleiner zoome, das wird dann auch auf der nächsten Seite richtig angezeigt, wenn ich allerdings drucke, werden die Bilder in ihrer Originalgröße gedruckt.

Wieso verwendest du kein Druckerstylesheet?

Struppi.

[Marc]

Wieso verwendest du kein Druckerstylesheet?

Gute Frage, ich habe bisher noch nie mit einem Druckerstylesheet gearbeitet.

Hilfe?!