Seitenumbruch beim drucken
norbert
- css
Hallo,
ein phpscript erzeugt in einer Schleife folgeden HTML-Code:
<p style="page-break-before:always">
<img src=imgSpl.php?s=<? echo $info->str ?>>
<div style="position:relative; top:-970px; left:60px;" >
Datum:<?echo $splDatum ?><br>
Ersteller: <?echo $splErsteller ?><br>
<b>Bauvorhaben: <?echo $splBauvorhaben ?></b>
</div>
<div style="position:relative; top:-1000px; left:600px;">
Seite: <?echo $seite ?><br>
von: <?echo $seiten ?>
</div>
</p>
In der Browserdarstellung klappt es einigermassen, wenn davon absieht, dass IE und FF die Postion:relative wohl etwas anders interpretieren.
Auf dem Ausdruck Chaos.
der FF verkleinert die Bilder extrem, plaziert den Text aber richtig.
der IE bringt die Bilder sauber, macht aber bei der Textpositionierung Mist.
Meine Frage nun:
wie plaziere ich ein Bild, das eine Seite gut ausfüllt und dazugehörenden Text, der an bestimmten Positionen genau auf dem Bild plaziert werden muss? Natürlich derart, dass der Ausdruck auch das gewünschte Ergebniss bringt und zwar möglichst Browserübergreifend.
PS: Mein Klientel setzt überwiegend den IE 6 ein, wenige den FF. Die anderen so gut wie gar nicht.
Hi,
<p style="page-break-before:always">
<img src=imgSpl.php?s=<? echo $info->str ?>>
<div style="position:relative; top:-970px; left:60px;" >
Oh je... falsche Verschachtelung (P darf nur inline-Elemente enthalten) und dann noch mit negativer Positionierung.
freundliche Grüße
Ingo
Hi,
<p style="page-break-before:always">
<img src=imgSpl.php?s=<? echo $info->str ?>>
<div style="position:relative; top:-970px; left:60px;" >
Oh je... falsche Verschachtelung (P darf nur inline-Elemente enthalten) und dann noch mit negativer Positionierung.freundliche Grüße
Ingo
OK, das <p> war als letztes stehengeblieben, nachdem ich schon alles durchprobiert hatte. Aber um die negative Postionierung komme ich ja nicht drumrum, wenn der Text auf dem Bild stehen soll. Entweder zuerst das Bild und dann die Texte nach oben oder umgekehrt. Irgendwas ist immer negativ.
Oder gibts nen anderen Lösungsansatz?
Hi norbert,
Oder gibts nen anderen Lösungsansatz?
Mit position:absolute arbeiten?
MfG, Dennis.
Mit position:absolute arbeiten?
Dann gib'ts aber Probleme mit dem page-break. Da zerhackt's bei absoluter Positionierung alles.
aber wie wär's mit einem eigenen Layout für Print und Screen?
http://de.selfhtml.org/css/eigenschaften/printlayouts.htm
Grüsse,
Edmund
Hi Edmund,
Mit position:absolute arbeiten?
Dann gib'ts aber Probleme mit dem page-break. Da zerhackt's bei absoluter Positionierung alles.
Warum dann nicht einfach das Bild als Hintergrundbild einfügen? Mit repeat-x, repeat-y bzw. no-repeat müsste sich eigenltich alles realisieren lassen.
MfG, Dennis.
Hi,
Warum dann nicht einfach das Bild als Hintergrundbild einfügen?
Schau Dir bitte nur mal den Betreff D(ein)es Postings an und denke 1 Sekunde nach...
freundliche Grüße
Ingo
Hi Ingo,
Warum dann nicht einfach das Bild als Hintergrundbild einfügen?
Schau Dir bitte nur mal den Betreff D(ein)es Postings an und denke 1 Sekunde nach...
Ja, das hatten wir doch gerade erst in einem anderen Thread ;-)
Bis ich da aber gerade gelesen habe, dass die meisten Browser keine Hintergrundbilder drucken, war mir dies aber nicht bewusst. ;-)
MfG, Dennis.