Verlauf - Hintergrund...

[Gunnar Bittersmann]

@@micado:

ich möchte von oben nach unten einen verlauf im Hintergrund haben.

Wie ist dies mit einfachen Mittel in HTML-Code machbar.

Es soll oben mit #060709 beginnen
und unten mit #394044 enden.

Ich habe keine Idee wie man das hinbekommt.

Mit HTML: gar nicht. HTML ist für die strukturelle Auszeichnung des Inhalts zuständig, nicht für Angeben zu dessen Präsentation, das erledigt http://de.selfhtml.org/css/@title=CSS.

Wie andere schon sagten, mit einem Bildverarbeitungsprogrammm deiner Wahl einen Verlauf erzeugen (BTW, Powerpoint kann das auch) und als Hintergrundbild verwenden. Der nicht vom Bild überdeckte Teil der Box sollte dann die Endfarbe des Verlaufs haben, bei dir also:

body  
{  
  background-color: #394044;  
  background-image: url(foo);  
  background-repeat: repeat-x;  
}

oder kurz

body  
{  
  background: #394044 url(foo) repeat-x;  
}

bzw.

body  
{  
  background-color: #060709;  
  background-image: url(foo);  
  background-position: bottom;  
  background-repeat: repeat-x;  
}

oder kurz

body  
{  
  background: #060709 url(foo) bottom repeat-x;  
}

Mit CSS 2.1 können nämlich keine Hintergrundbilder skaliert werden; das wird erst mit CSS3 möglich sein.

Soll der Verlauf wirklich genau die Box ausfüllen, müsste ein 'img'-Element mit 100% Höhe dafür herhalten und der Seiteninhalt auf diesem positioniert werden.

Live long and prosper,
Gunnar