[Funky StylzZz]

Hi Leute bin momentan an einem kleinen Projekt mit Joomla dran. Würde als Hintergrund gerne diesen Hintergrund nehmen: Link

Den Schwarzen Rand habe ich bereits weggeschnitten. Nun da die Seiten manchmal so lang sind das der Hintergrund wiederholt wird versuche ich seit Stunden etwas auszutüfteln damit alles nach einem Bild aussieht also damit beim wiederholen ein nahtloser Übergang besteht. Ich kriege leider nichts gescheites auf die Reihe habt ihr Ideen wie ichs anstellen könnte und könntet mir weiterhelfen?

Großen Dank
MFG Funky

[hank_p]

was steht denn im css beim alten hintergrund drin fixed -festehend oder was anderes schau mal danach!

[simkay]

Kacheln kann man das Bild nicht wirklich. Das beste wäre wirklich das Bild per jquery an den Bildschirm anzupassen und zu fixen.

[pommes73]

Vergrößere das Bild, so dass es den Browser ausfüllt und dann per css ein

no-repeat fixed;

einfügen.

[glasblok]

Zitat von login2

denk auch dran dich mit dem urheber in verbindung zu setzen bevor das dein hintergrund wird

Stimmt, aber was hindert ihn daran zur nächsten FFW zu gehen und fragen ob er ein Bild von gerollten oder gestapelten C-Rohren machen darf.
Die sagen bestimmt kein Problem.

[Tollischuss]

Versuch mal die Seite :
hxxp://www.w3schools.com/cssref/pr_background-position.asp
hatte mal ein ähnliches Problem Ich erinnere mich noch an top left
no-repeat
und
center center fixed
Einfach ausproprobieren - Bild muß oben links Stehen und sich nicht wiederholen.
Find aber die Musterseite die ich mal gemacht hatte nicht mehr.
und ich hab viel zu viel gemacht.
Kannst auch die Seiten project und seven besuchen- und in den Tutorials wühlen.
Habe noch eine Seite vergessen
hxxp://css-tricks.com/perfect-full-page-background-image/
Hoffe verstosse damit nicht gegen Bordregeln

[MrTee]

Zitat von pommes73

Vergrößere das Bild, so dass es den Browser ausfüllt und dann per css ein

no-repeat fixed;

einfügen.

Würde ich nicht machen, da damit die Dateigröße riesig wird.
Außerdem gibt es IMMER Leute mit größeren Bildschirmen, heutzutage fährt man mit 1900 PX breite nicht mehr die sichere Schiene.

Mein Tipp:

background-size:cover;

Vergrößert das Bild automatisch auf die gewünschte Größe.
Es kann lediglich sein, dass am Rand etwas abgeschnitten wird.