tsunami
Goto Top

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.
<?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

Content-Key: 479735

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

Ausgedruckt am: 29.03.2024 um 12:03 Uhr

Mitglied: aqui
aqui 31.07.2019 aktualisiert um 16:36:04 Uhr
Goto Top
Yummy ! Sind wir mit eingeladen zum Grillen wenn wir das fixen ?? face-monkey
Mitglied: SlainteMhath
SlainteMhath 31.07.2019 aktualisiert um 16:41:31 Uhr
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.
Mitglied: manuel-r
manuel-r 31.07.2019 um 16:42:28 Uhr
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
Mitglied: godlie
godlie 31.07.2019 um 17:03:57 Uhr
Goto Top
Hallo,

versuch mal deine StyleSheet Angabe von html auf body zu ändern face-smile
Mitglied: Bitboy
Bitboy 31.07.2019 um 17:07:01 Uhr
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.
Mitglied: tsunami
tsunami 03.08.2019 um 09:35:17 Uhr
Goto Top
Schon gemacht.
, bitboy
Mitglied: tsunami
tsunami 05.08.2019 um 11:12:12 Uhr
Goto Top
Scheint mit dem Format zusammen zu hängen.
Und die webkit tut nicht.width:100% geht zumindest bei der html ausgabe...
Mitglied: tsunami
tsunami 05.08.2019 um 11:17:03 Uhr
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
Mitglied: tsunami
tsunami 12.08.2019 um 15:03:36 Uhr
Goto Top
Scheint mit dem Format zu tun zu haben.
Mit
@page { 
    size: 21cm 29.7cm; 
    margin: 0; 
} 

gings