Problem mit skalierbarem Hintergrundbild

Druckbare Version

10.03.2012, 00:04
jack_typewriter

Problem mit skalierbarem Hintergrundbild

Habe das Problem, das mein Hintergrundbild (ein einfacher radialer Verlauf) nach Ende des Contents einfach abgeschnitten wird. Hört der Content also nach der Hälfte des Screens auf, wird das Hintergrundbild einfach abgeschnitten. Wenn ich meine Seiten per hand codiert habe, war das nie ein Problem, in Contao jedoch schon. Die Eigenschaften des Hintergrundbildes habe ich in <body> festgelegt. Da ich aus der Printecke komme, bin ich was css und html angeht auch lange kein Profi. Wie soll ich in meinem Fall am Besten vorgehen? Hoffe, ihr könnt mir helfen...
10.03.2012, 00:33
xtcPlanet

Hallo jack_typewriter,

also wenn ich Dich richtig verstanden hab, willst Du ein Hintergrundbild / -farbe über den ganzen Bildschirm von links nach rechts von oben nach unten erstellen, oder ?

So etwas bewerkstelligt man normalerweise unter CSS.

Also links im Backendmenü unter der Rubrik "Layout" ---> "Themes" ----> dann das Icon "Stylesheet bearbeiten" (4. Icon von links) bei den von Dir verwendeten Themes (falls mehrere Themes eingerichtet sein sollten - ansonsten das Theme welches halt da ist).

Dort siehst Du dann einer Liste von CSS (Stylesheet-Dateien, die Du mit den gelben Stift bearbeiten kannst.

Leider weiß ich nicht welches Theme Du benutzt bzw. wie deine CSS-Dateistruktur / -namen dort aussehen, deshalb mußt Du nun selber suchen. Der Abschnitt "body {........}" findest Du normalerweise in CSS-Dateien, die mit "(screen)" hinter den Namen bezeichnet sind. Achte bitte ggf. auch rechts oben unter den Pull-Down-Menü "Anzeigen" auch, ob es mehrere Seiten in dieser CSS-Datei gibt (also einfach mal runterklappen und gucken ob es da mehrere Nummernabschnitte gibt / nicht das Du eine Seite übersiehst).

Du wirst nicht drum herumkommen, um Dich auch ein bißchen mit der CSS-Befehlsstruktur / Befehle auseinander zu setzen, aber das was Du suchst ist schon der Abschnitt "body {...........}".... also viel Spaß beim suchen - irgendwo wird es in diesen Theme schon so einen CSS-Abschnitt geben, den Du dann mit den gelben Stift bearbeiten kannst.

Dort gibt es u.a. auch eine Einstellung repeat-x bzw. Hintergrundwiederholung (also Wiederholung). Man kann dort Farben und Bilddateien angeben, die wiederholt werden soll. Das füllt dann je nach Deiner Einstellung den ganzen Bildschirm hinter Deiner Webseite aus.

Ok... hoffe das ich Dir damit helfen konnte

L.G

xtcPlanet

P.S. Eventuell kann dieses Erweiterungsmodul für Dich auch noch von nütze sein, welches Du im Erweiterungskatalog des Backend finden kannst ?
10.03.2012, 00:35
MiTsch

Hallo jack_typewriter,

zuerst einmal herzlich Willkommen in der Contao-Community.

Was verstehst Du denn unter: "skalierbarem Hintergrundbild" ?

Zitat:

Die Eigenschaften des Hintergrundbildes habe ich in <body> festgelegt.

Was, hast Du denn dort festgelegt? Schön wäre es wenn Du ein Link zum "Problem" hättest, somit ließe sich Dir am besten helfen.

Viele Grüße
MiTsch
10.03.2012, 11:17
jack_typewriter

Hallo,

danke schonmal für eure Antworten. Also ich weiß, wo ich das css bearbeiten kann. Habe auch schon in contao eine Webseite für einen Freund erstellt (tittl-sport.de). Grundsätzlich komme ich auch mit css klar. Nur beim Hintergrund, den ich in body definiert habe, habe ich momentan ein Problem. Alle anderen Sachen laufen zumindest so wie ich mir das vorstelle. Kann auch grad leider den Code nicht zeigen, da ich meine Seite (soll mein Portfolio werden) lokal erstelle und ich momentan nicht zuhause bin. Es geht auch nicht primär ums Hintergrundbild.

Auch wenn ich dem body einen Verlauf nür über css geben will und das nicht mit einem Hintergrundbild mache (kann man ja schön im contao internen framework machen), hört dann der verlauf einfach nach ende des contents auf. Wenn ich also beispielsweise dem body einen verlauf per css zuweise mit angaben background-size: 100% 100% und with 100% height 100% overflow auto usw... egal was ich schon ausprobiert habe. Der Verlauf schneidet immer ab...

Verwende das Standart-Seitentemplate fe_page.
14.03.2012, 15:02
Net Cube

hatte das Problem auch gerade und habe einfach in der css dem "html" einen #ffffff Hintergrund gegeben und schon funktioniert es mit dem Verlauf.
14.03.2012, 15:47
dirksche

Ich löse das mit dem skalierbaren Hintergrund immer nach folgendem Tutorial:
http://css-tricks.com/perfect-full-page-background-image (CSS-Only Technique #1)