XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Hintergrundbild bzw. Farbverlauf im Hintergrund (http://xhtmlforum.de/showthread.php?t=34911)

sveniboy 27.03.2005 22:54

Hintergrundbild bzw. Farbverlauf im Hintergrund
 
Hallo zusammen,
bitte steinigt mich jetzt nicht, da dieses Tehma schon x.mal hier besprochen wurde. Habe aber leider auf mein Problem noch keine Lösung gefunden. Also ich habe mir ein Hintergrundbild als jpg-Datei kreiert und möchte, dass dieser Farbverlauf komplett über die gesamte Site sich ausdehnt, d.h. er sollte bei veschiedenen Aufläsungen immer gleich aussehen. Hier habe ich mal ein Code dafür:
/*In diesem Bereich wird der Hintergrundstyle festgelegt*/
body {
background-attachment: scroll;
background-image: url(backgr1.jpg);
background-position: top;
background-repeat: repeat-x;
margin: 0px;
}

Mein Prob ist nun folgendes. Das Hintergrundbild ist 100x100 Pixel groß. Kann man per CSS jetzt nicht eine Anweisung geben, dass sich dieses Bild automatisch vergrößert? Wie groß muß den mein Bild denn sein, um so einen ganzseitigen Verlauf hinzubekommen? Wäre für jeden Tip dankbar.
Und noch ein Prob: Ich schreibe mein Stylesheet in TopStyle 3 Pro. Wenn ich dort meine Site in Firefox als Vorschau anschauen möchte, sehe ich keinen Hintergrund, obwohl er bei der Bearbeitung im unteren Fenster eindeutig zu sehen ist. Schaue ich mir das Ganze im Dreamweaver an, sehe ich auch in Firefox mein Hintergrund. Ist das ein Bug in TopStyle 3 Pro?

Creez

fricca 27.03.2005 22:59

Re: Hintergrundbild bzw. Farbverlauf im Hintergrund
 
Zitat:

Zitat von sveniboy
Das Hintergrundbild ist 100x100 Pixel groß. Kann man per CSS jetzt nicht eine Anweisung geben, dass sich dieses Bild automatisch vergrößert?

Nein, kann man leider nicht.
Siehe auch hier

Grüße
fricca

sveniboy 27.03.2005 23:02

Wie groß muß dann mein Hintergrundbild sein?

sveniboy 27.03.2005 23:40

Hier ist z.B. so ein Farbverlauf im Hintergrund:
http://www.csszengarden.com/?cssfile...154.css&page=0
Sieht doch klasse aus. So in der Art möchte ich auch einen Hintergrund in meiner Page. Bitte um Hilfe...

fricca 28.03.2005 00:16

In dem Beispiel von CSS-Zengarden liegt eine sehr große Hintergrundgrafik; da ist der Verlau eben so groß, wie die gesamte Länge (da von einer fixen Höhe ausgegangen wird).

Wenn bei dir dir Höhe variabel sein soll, dann mach deinen Verlauf so hoch wie du ihn optisch eben haben willst und nimm die End-Farbe des Verlauf auch als Hintergrundfarbe. Dann kann eigentlich nichts schiefgehen.

body {background: #000 url(verlauf_von_rot_nach_schwarz.jpg) top repeat-x}


Grüße
fricca

sveniboy 28.03.2005 01:56

Danke für den Tip. Habe mir das auch schon so eben überlegt. Denke, es gibt auch keine bessere Möglichkeit, mein Style so umzusetzen.
Creez ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:46 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023