[ERLEDIGT] Frage zur Hintergrundgestaltung.

[FaFeL]

Hey,

ich möchte mit CSS meinen Hintergrund gestalten. Dieser sollte etwa so aussehen:



Die Farben werden wahrscheinlich verändert. Das sollte aber so etwa aussehen. Ohne ein Hintergrundbild zu benutzen.

Ich hoffe ihr wisst was ich meine. Oben eine Farbige Box, Größe in Pixel einstellbar und unten eine farbige Box. Und das als Hintergrund.

Vielen Dank schon mal.

Gruß

FaFeL

 

[Elroy]

Hallo.

Du gibst dem Body mit background-color die graue Fabe und oben erstellst du einen div dem du mit background-color die schwarze Farbe gibst.

Zeig mal was du bisher hast.

Gruss
Elroy

 

[Xeno]

Hey,

ich möchte mit CSS meinen Hintergrund gestalten. Dieser sollte etwa so aussehen:

Anhang anzeigen 3275

Die Farben werden wahrscheinlich verändert. Das sollte aber so etwa aussehen. Ohne ein Hintergrundbild zu benutzen.

Ich hoffe ihr wisst was ich meine. Oben eine Farbige Box, Größe in Pixel einstellbar und unten eine farbige Box. Und das als Hintergrund.

Vielen Dank schon mal.

Gruß

FaFeL

Ähem ja, was ist denn genau die Frage?

Die beiden Box machst Du zum Beispiel mit <div> im HTML. Die CSS-Anweisung für die Hintergrundfarbe ist background-color, die alle Farbezuweisungen annehmen kann, die es gibt im CSS (hexadezimaler Code, es gibt aber auch Kurzformen für Standardfarben).

Was ist genau das Problem?

Lg Xeno

 

[thuemmy]

Dem Body gibst Du die Farbe, die Du im unteren Bereich möchtest, und für den oberen Teil machst Du ein <div> in der von Dir gewünschten height, mit width 100% und dann als background-color die Farbe Deiner Wahl .

 

[Cheffchen]

Hallo,

ich auch zwar nicht 19:17 aber mal was anderes :O)

body background-color:#ccc und gleichzeitig ein en hintergrundbild was 1 breit und vielleicht 100px hoch ist und das nur horizontal wiederholen, so brauch man nicht schon bei so was mit ein neuen div anfangen.

Cheffchen

 

[Tronjer]

Oder man spart sich die HTML-Container und definiert statt dessen einen CSS3-Gradienten als Background für den Body.

[COLOR=#000000][FONT=monospace]background: linear-gradient(to bottom, #45484d 0%,#070707 15%,#efefef 16%);[/FONT][/COLOR]

Ultimate CSS Gradient Generator - ColorZilla.com

 

[Elroy]

Oder man spart sich die HTML-Container und definiert statt dessen einen CSS3-Gradienten als Background für den Body.

[COLOR=#000000][FONT=monospace]background: linear-gradient(to bottom, #45484d 0%,#070707 15%,#efefef 16%);[/FONT][/COLOR]

Ultimate CSS Gradient Generator - ColorZilla.com

Man kann es natürlich auch umständlich machen damit es nicht in allen Browsern fuktioniert.

Gruss
Elroy

 

[Trüffelkrieger]

Oder du weist dem grauen div einen entsprechenden border-top zu ...

 

[FaFeL]

Danke für eure Hilfe, ich habe das getan, was thuemmy und Elroy vorgeschlagen hat und es hat geklappt.

An alle anderen, vielen Dank auch euch für die angebotene Hilfe.