--- title: "Hintergrundbild einbauen" url: "https://www.typo3.net/d/31120-hintergrundbild-einbauen" source: "typo3.net" tags: ["Allgemein","Frage","HTML & CSS"] created: "2005-10-03" last_reply: "2005-10-09" replies: 17 solved: false page: 1 pages: 1 lang: "de" --- # Hintergrundbild einbauen Allgemein · 17 Antworten · gestartet 2005-10-03 ## Eröffnungsbeitrag **Thomas27** · 2005-10-03 · [Beitrag #1](https://www.typo3.net/d/31120-hintergrundbild-einbauen/1) Ich stehe gerade ziehmlich auf dem Schlauch... Wie zum Teufel baue ich in Typo3 ein Hintergrundbild ein??? erster Anfang -> page.bgImg = fileadmin/imagebase/backgroundcob.jpg das steht in meinem Template, ich denke aber, dass ich den Datentyp imresource irgendwie falsch verwende... ## Antworten ### [#2](https://www.typo3.net/d/31120-hintergrundbild-einbauen/2) · laptop24 · 2005-10-04 Warum denn so umständlich? Im Typo einfach einen ganz normalen Body deklarieren. Und anschliessend per CSS dem Body-Tag ein Hintergrundbild zuweisen. Vollkommen problemlos... MfG, Lars Thalheim ### [#3](https://www.typo3.net/d/31120-hintergrundbild-einbauen/3) · Thomas27 · 2005-10-04 OK, dann scheitert es bei mir an css Kenntnissen, kannst du mir einen Tipp geben. Mein derzeitiges css sieht so aus: ```php BODY { background: #FFFFFF; color: #333333; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } ... ``` schätze mal, hier muss auch das Bild angegeben werden, aber wie ist die Syntax? ### [#4](https://www.typo3.net/d/31120-hintergrundbild-einbauen/4) · fuss · 2005-10-04 Und da ich heute einen guten Tag hatte ;) ```typoscript body { background-image: url(derpfad/derhintergrund.gif); } ``` gruss, fuss ### [#5](https://www.typo3.net/d/31120-hintergrundbild-einbauen/5) · Thomas27 · 2005-10-07 Das folgende Beispiel klappt bei mir leider nicht. ```php BODY { background-image: url(http://www.mp3tht.de/fileadmin/imagebase/background.jpg); background: #FFFFFF; color: #333333; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } ``` Ich habe den Path extra relativ angegeben, um wirklich sicher zu sein. ### [#6](https://www.typo3.net/d/31120-hintergrundbild-einbauen/6) · sirwylm · 2005-10-08 ich weiss ja nicht wie deine filestruktur ist, aber wenn du zb. eine solche struktur hast: -fileadmin/ --css/ ---> mein_stylesheet.css --imagebase/ ---> background.jpg probiers doch mal mit: ```html body { background-image: url(../imagebase/background.jpg); } ``` und natürlich cache löschen, cache löschen und cache löschen (daran hakt es bei css oft...) Viel Glück, Wilnis ### [#7](https://www.typo3.net/d/31120-hintergrundbild-einbauen/7) · Thomas27 · 2005-10-08 Damit mit dem Path nichts schief geht, habe ich ja eben die absolut Adresse genommen. Den Cache habe ich vorher auch gelöscht und im html Quellcode steht der Path auch genau so drin. Kann es sein das Typo3 mit css Hintergrundbildern Probeme hat? ### [#8](https://www.typo3.net/d/31120-hintergrundbild-einbauen/8) · theo · 2005-10-08 > **Thomas27 schrieb:** > > Kann es sein das Typo3 mit css Hintergrundbildern Probeme hat? Jaja, schuld sind immer die anderen... ;) Probier halt mit dem Pfad ein bißchen rum, das geht schneller, als hier hin und herzuposten. Es sei denn, du hast irgendwas im Setup, was sich nicht mit Deinem CSS verträgt. ### [#9](https://www.typo3.net/d/31120-hintergrundbild-einbauen/9) · Thomas27 · 2005-10-08 Also mit dem Path bin ich mir 100% sicher, da er ja absolut ist und wenn ich den in die Adresszeile vom Browser eingebe zeigt er das Bild an. -> keine Fehlerquelle Per css werden Hintergrundbilder, da bin ich mir jetzt auch sicher, so eingebunden, wie es oben von laptop24 beschrieben steht. -> keine Fehlerquelle Also bleibt mir doch nur noch der Rückschluss, dass es mit dem Parser vom Typo3 zu tun hat. -> Typo ist natürlich Schuld #giggle# Um den Fehler bei mir zu suchen bleibt immer noch Zeit. ;) Mein Setup sieht so aus: ```php page=PAGE page.typeNum=0 page.bodyTag= page.10=TEMPLATE page.10 { template=FILE subparts.QUICKLINKS < hp_template_quick_menu subparts.ROOTLINE < hp_template_rootline_menu subparts.MENUBOTTOM < hp_template_bottom_menu subparts.MENUTOP < hp_template_top_menu subparts.CONTENT < styles.content.get subparts.LOGIN < hp_template_loginbox subparts.LOGINLINK < hp_template_loginbox_link subparts.LOGINSTATUS < hp_template_loginbox_status subparts.YEAR < hp_template_year subparts.NEWSLETTER < hp_template_newsletter subparts.ANGEBOT_DER_WOCHE < hp_template_shop subparts.STATISTIC < plugin.tx_khusersonline_pi1 subparts.HOTTRACKS < hp_template_hottracks subparts.MOSTTRACKS < hp_template_mosttracks subparts.NEWTRACKS < hp_template_newtracks } config.admPanel = 1 config.sys_language_uid = 0 config.language = de config.locale_all = de_DE.ISO8859-1 page.config.language = de config.extTarget = _self page.10.template.file = fileadmin/templates/hp_template_basis.tmpl ``` Und das Css Template lade ich so: ```php page.headerData.30=TEMPLATE page.headerData.30 { template=FILE template.file=fileadmin/css/hp_basis_css.tmpl } ``` ### [#10](https://www.typo3.net/d/31120-hintergrundbild-einbauen/10) · theo · 2005-10-08 Also erstmal folgendes: Das Css Template lädst Du bitte so (siehe auch bzgl. ergänzender Optionen, wie üblich, TS-Referenz): ```typoscript page.includeCSS { file1 = fileadmin/css/hp_basis_css.tmpl } ``` [/quote] Desweiteren kannst Du page.bodyTag ersatzlos streichen, da Du es ja über Dein CSS-File regelst ### [#11](https://www.typo3.net/d/31120-hintergrundbild-einbauen/11) · Thomas27 · 2005-10-08 Ok. ich habe deinen Rat befolgt und ein Performence Problem von meiner Seite damit gelöst. Danke! Aber die Geschichte mit dem Hintergrundbild schlukt er einfach nicht. ### [#12](https://www.typo3.net/d/31120-hintergrundbild-einbauen/12) · Thomas27 · 2005-10-08 Ich habe gerade noch mal ein bischen was ausprobiert und festgestellt, wenn ich in meinem css die Hintergrundfarbe auf schwarz setzte, wird das ebenfalls ignoriert. ```php body { background-image: url(fileadmin/imagebase/background.jpg); background: #000000; color: #333333; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } ``` ### [#13](https://www.typo3.net/d/31120-hintergrundbild-einbauen/13) · theo · 2005-10-08 Wird denn überhaupt **irgendetwas** aus dem Stylesheet wirksam? ### [#14](https://www.typo3.net/d/31120-hintergrundbild-einbauen/14) · Thomas27 · 2005-10-09 JA, der Content Bereich sieht aus wie erwartet. Falls du Mozilla besitzt und das Develpment Plug In installiert hast, kannst du gerne mal das CSS ansehen. ### [#15](https://www.typo3.net/d/31120-hintergrundbild-einbauen/15) · theo · 2005-10-09 validier erstmal deine stylesheets... ;) ### [#16](https://www.typo3.net/d/31120-hintergrundbild-einbauen/16) · Thomas27 · 2005-10-09 Ok, dieses Problem wäre gelöst, es dürfen im css keine