9
Background Image wird nicht angezeigt
Hallo,
ich habe ein Problem mit css:
Was möchte ich? EIgendlich etwas recht simples. EInfach ein Hinterrundbild üb deri gesamte Seite. Später soll die Seite via dompdf ein pdf generieren.
Dazu muss es aber erstmal so gehen.
Was passiert? Auf der Seite wird ein kleines Quadrat angezeigt. Normalerweise klar, Pfad falsch. Aber nehme ich denselben Pfad mit einem anderen Bild geht es.
Beide Bilder sind groß das welches geht, hat ca. 2500px, das andere 1200.
das eine hat 200 kb tut, das andere 36 kb tut nicht. Das streikende Bild hat in etwa din a-4 Größe, das andere normale Foto Verhältnisse. Beide haben dieselben Zugriffsrechte. Beide in srgb. Beide in png bzw. jpg testweise umbenannt. Das Quadrat hat nicht die Abmessungen wie das Bild, sondern wie ein fehlerhafter Platzhalter.
Was ist das?
ich habe ein Problem mit css:
Was möchte ich? EIgendlich etwas recht simples. EInfach ein Hinterrundbild üb deri gesamte Seite. Später soll die Seite via dompdf ein pdf generieren.
Dazu muss es aber erstmal so gehen.
<?php require_once("./dompdf/dompdf_config.inc.php");
ob_start();
$html='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FullPageBackgroundImage</title>
<head>
<style>
html {
background: url(mainimages/peep.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
</style></head><body><div id="wrapper">';
$html.='<br><br><br><br><br>Hello World
</div></body></html>';
$htmlx = mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8');
// $docname="hutab.pdf";
// $dompdf = new DOMPDF();
// $dompdf->load_html($htmlx);
// $dompdf->render();
// $dompdf->stream($docname);
echo $htmlx;
?>Was passiert? Auf der Seite wird ein kleines Quadrat angezeigt. Normalerweise klar, Pfad falsch. Aber nehme ich denselben Pfad mit einem anderen Bild geht es.
Beide Bilder sind groß das welches geht, hat ca. 2500px, das andere 1200.
das eine hat 200 kb tut, das andere 36 kb tut nicht. Das streikende Bild hat in etwa din a-4 Größe, das andere normale Foto Verhältnisse. Beide haben dieselben Zugriffsrechte. Beide in srgb. Beide in png bzw. jpg testweise umbenannt. Das Quadrat hat nicht die Abmessungen wie das Bild, sondern wie ein fehlerhafter Platzhalter.
Was ist das?
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 479735
Url: https://administrator.de/contentid/479735
Ausgedruckt am: 21.11.2024 um 21:11 Uhr
9 Kommentare
Neuester Kommentar
Yummy ! Sind wir mit eingeladen zum Grillen wenn wir das fixen ?? 
Igitt da liegt ja Nicht-Fleisch auf dem Grill 
OT: Lässt sich das Bild in einem normalen IMG Tag laden?
Ansonsten würde ich die JQuery Funktionen zum laden, zentrieren und skalieren des Hintergrundbildes verwenden - aber frag mich jetzt nicht wie die heisst.
OT: Lässt sich das Bild in einem normalen IMG Tag laden?
Ansonsten würde ich die JQuery Funktionen zum laden, zentrieren und skalieren des Hintergrundbildes verwenden - aber frag mich jetzt nicht wie die heisst.
Sind wir mit eingeladen zum Grillen wenn wir das fixen?
OT: Zuviel Gemüse und scheinbar auch Käse. Wer sowas macht, der frisst auch kleine Kinder
Hallo,
versuch mal deine StyleSheet Angabe von html auf body zu ändern
versuch mal deine StyleSheet Angabe von html auf body zu ändern
Ich weiß es, aber die Antwort kostet einen Schaschlik :P
Schonmal geschaut ob die Bilddatei irgendwie kaputt ist? Also mal in Gimp laden und neu abspeichern.
Schonmal geschaut ob die Bilddatei irgendwie kaputt ist? Also mal in Gimp laden und neu abspeichern.
Schon gemacht.
, bitboy
, bitboy
Scheint mit dem Format zusammen zu hängen.
Und die webkit tut nicht.width:100% geht zumindest bei der html ausgabe...
Und die webkit tut nicht.width:100% geht zumindest bei der html ausgabe...
führt zu einer warning...
Warning: A non-numeric value encountered in C:\xampp\htdocs\tsunami\dompdf\include\page_frame_decorator.cls.php on line 439
Warning: A non-numeric value encountered in C:\xampp\htdocs\tsunami\dompdf\include\page_frame_decorator.cls.php on line 439
Warning: A non-numeric value encountered in C:\xampp\htdocs\tsunami\dompdf\include\page_frame_decorator.cls.php on line 439
Warning: A non-numeric value encountered in C:\xampp\htdocs\tsunami\dompdf\include\page_frame_decorator.cls.php on line 439
Warning: A non-numeric value encountered in C:\xampp\htdocs\tsunami\dompdf\include\page_frame_decorator.cls.php on line 439
Fatal error: Uncaught DOMPDF_Exception: No block-level parent found. Not good. in C:\xampp\htdocs\tsunami\dompdf\include\inline_positioner.cls.php:38 Stack trace: #0 C:\xampp\htdocs\tsunami\dompdf\include\frame_decorator.cls.php(546): Inline_Positioner->position() #1 C:\xampp\htdocs\tsunami\dompdf\include\text_frame_reflower.cls.php(331): Frame_Decorator->position() #2 C:\xampp\htdocs\tsunami\dompdf\include\frame_decorator.cls.php(556): Text_Frame_Reflower->reflow(NULL) #3 C:\xampp\htdocs\tsunami\dompdf\include\page_frame_reflower.cls.php(138): Frame_Decorator->reflow() #4 C:\xampp\htdocs\tsunami\dompdf\include\frame_decorator.cls.php(556): Page_Frame_Reflower->reflow(NULL) #5 C:\xampp\htdocs\tsunami\dompdf\include\dompdf.cls.php(817): Frame_Decorator->reflow() #6 C:\xampp\htdocs\tsunami\test.php(22): DOMPDF->render() #7 {main} thrown in C:\xampp\htdocs\tsunami\dompdf\include\inline_positioner.cls.php on line 38
Scheint mit dem Format zu tun zu haben.
Mit
gings
Mit
@page {
size: 21cm 29.7cm;
margin: 0;
} gings
