tsunami
Jul 31, 2019
view3813
view9
0
Goto Top

Background Image wird nicht angezeigt

GermanQuestionCSSDevelopment
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.
<?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?
tutt
tutnicht
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 479735

Url: https://administrator.de/contentid/479735

Printed on: April 19, 2024 at 12:04 o'clock

9 Comments
Latest comment
Goto Top
Member: aqui
aqui Jul 31, 2019 updated at 14:36:04 (UTC)
Goto Top
Yummy ! Sind wir mit eingeladen zum Grillen wenn wir das fixen ?? face-monkey
Member: SlainteMhath
SlainteMhath Jul 31, 2019 updated at 14:41:31 (UTC)
Goto Top
Igitt da liegt ja Nicht-Fleisch auf dem Grill face-sad

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.
Member: manuel-r
manuel-r Jul 31, 2019 at 14:42:28 (UTC)
Goto Top
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 face-wink
Member: godlie
godlie Jul 31, 2019 at 15:03:57 (UTC)
Goto Top
Hallo,

versuch mal deine StyleSheet Angabe von html auf body zu ändern face-smile
Member: Bitboy
Bitboy Jul 31, 2019 at 15:07:01 (UTC)
Goto Top
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.
Member: tsunami
tsunami Aug 03, 2019 at 07:35:17 (UTC)
Goto Top
Schon gemacht.
, bitboy
Member: tsunami
tsunami Aug 05, 2019 at 09:12:12 (UTC)
Goto Top
Scheint mit dem Format zusammen zu hängen.
Und die webkit tut nicht.width:100% geht zumindest bei der html ausgabe...
Member: tsunami
tsunami Aug 05, 2019 at 09:17:03 (UTC)
Goto Top
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
Member: tsunami
tsunami Aug 12, 2019 at 13:03:36 (UTC)
Goto Top
Scheint mit dem Format zu tun zu haben.
Mit
@page { 
    size: 21cm 29.7cm; 
    margin: 0; 
}

gings
GermanQuestionCSSDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 3 CommentsAlexWishaHow to set up and configure a Linux GRE tunnelAlexWisha - 3 CommentsjstrickerWIREGUARD VPN ON UDM PRO BEHIND FRITZBOX - HANDSHAKE DID NOT COMPLETEjstricker - 3 CommentsDaniEnd of Support dates for Office 2016, 2019 Apps und Productivity ServersDani - 1 Comment