• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hintergrundbild mit Verlauf

N

Nico3011

New member
Hallo,
bin mir nicht sicher, ob ich hier im richtigen Forum bin. Falls nicht, Beitrag bitte entsprechend verschieben - Danke.

Also mein Problem ist folgendes:
Ich möchte auf meiner HP einen Hintergrund mit Farbverlauf haben. Von orange nach weiß (von unten nach oben). Mit HTML glaub ich geht das nicht, da ich hier nur ein Hintergrundbild einbinden kann, dass sich dann entweder ständig wiederholt (gekachelt) oder nur einmal angezeigt wird. Der Farbverlauf soll sich aber nicht ständig wiederholen, sonder unten auf der HP orange sein und dann immer heller werden, bis zum weiß. Allerdings ist ja die Höhe der einzelnen Unterseiten vorher nicht bekannt, somit kann ich auch nicht im Vorfeld eine entsprechend große Grafik erstellen, ganz zu schweigen von den unterschiedlichen Bildschirmauflösungen der einzelnen Besucher.

Gibt es eine Möglichkeit ein Hintergrundbild einzubinden, dass dann entsprechend der Seitengröße "gestreckt" wird? Oder wie würdet Ihr das Problem lösen?

Vielen Dank für eure Antworten.

Gruß
Nico
 
mit css geht das.
beim farbverlauf in der css datei:

body {
width: 100%;
height: die höhe des bildes bzw. dem farbverlauf (würde es nicht über 700px machen)
background: url('pfadname/name.jpg');
background-repeat: repeat-x
}

bei weiteren fragen einfach anschreiben

lg
 
Herzlichen Dank für die Tipps. Das kommt schon sehr nah an meine Vorstellung dran. Zwar noch nicht ganz, aber doch schon eine alternative Lösung.
Wollte ursprünglich ein einziges Hintergrundbild, das sich über den gesamten Hintergrund zieht. Unabhängig von Bildschirmauflösung und Browser.
Danke!
lg
Nico
 
Ja genau! Das will ich machen. Aber wie? Ich weiß ja nicht welche Bildschirmauflösung der Besucher hat und welchen Browser er verwendet. Wie groß soll ich das img machen? 3000 x 3000?
Darum war eben mein erster Gedanke, ich erstell ein Hintergrundbild mit so 100 x 100 px und streck es dann auf die ganze Bildschirmgröße. Nur irgendwie funktioniert das nicht. Die Breite des Bildes läßt sich mit dem Tipp von aräs über den ganzen Bildschirm ausdehnen. Bei der Höhe funktioniert es nicht :confused: Weder die Angabe in px noch in %.
Gruß
Nico
 
Jetzt weiß ich auch, wieso ich die Frage nicht verstanden habe.
Weil die Anwendung m. E. sinnfrei ist.
Bei verschieden Seiten variieren wohl auch die Höhen.
Also ist ein Farbverlauf mal entweder gestreckt oder gestaucht und kann deswegen immer anders aussehen.
 
@dkdenz: Genau.
Beispiel: Die Startseite paßt bei einer Auflösung von 800 x600 in einen Bildschirm, ohne zu scrollen. Unterseite 1 ist wiederum etwas größer (muss also gescrollt werden um zum Ende zu gelangen); Unterseite 2 wieder anders usw. Alle Seiten des Projektes haben den gleichen Hintergrund.

Und jetzt kommt z.B. ein Besucher auf die Seite der eine Auflösung von 1152 x 864 hat. Der soll aber auch den Farbverlauf des Hintergrundes über den gesamten Bildschirm sehen (ohne dass der Farbverlauf sich wiederholt bzw. abrupt abbricht). Der nächste Besucher mit einer Auflösung von 3.000 x 3.000 (z.B.) soll auch in den Genuß kommen und der Purist mit 640 x 480 ebenfalls usw.

Stellt euch den Hintergrund von der jswelt Seite vor. Nur nicht Axial sondern horizontal und ohne repeat. Ganz oben ist der Hintergrund hellblau und ganz unten am Ende der Seite dunkelblau. Dazwischen die verschiedenen Blautöne. Das wär cool :cool:

LG
Nico
 
Wie gesagt - gib' deinem <html> und <body> ein width: 100%; und height: 100%; und mach dann einfach ein <img> mit
Code: 
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
z-index: -1000;
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben