bild an gesamter hintergrundfläche ausdehnen...

[joshua]

hallo!

ich habe folgendes problem. ich habe als hintergrundgrafik einen farbverlauf, der 20px breit und 200px hoch ist. nun hätte ich gerne, dass er die gesamte bildschirmfläche einnimmt. - mit repeat-x ist das noch kein problem, die bilder aneinander zu reihen. aber kann ich das bild auch der höhe nach strecken? so wie auf http://alistapart.com/articles/phpswitch/? ich habe es so probiert. aber mein bild wird nur immer so hoch angezeigt, wie hoch es ist.

kann mir wer helfen?
danke für euer antworten im voraus

gruss
joshua

[Schuer]

Hallo,

aber mein bild wird nur immer so hoch angezeigt, wie hoch es ist.

auch dann, wenn du die Höhe des Bildes und auch des Bodys (!) mit 100% definierst?

Gruß,
_Dirk

[joshua]

hi!

aber mein bild wird nur immer so hoch angezeigt, wie hoch es ist.

auch dann, wenn du die Höhe des Bildes und auch des Bodys (!) mit 100% definierst?

das muss ich zuerst probieren...
danke mal für deine antwort

gruss
 joshua

[joshua]

hi!

nein, funktioniert leider nicht. der source aus dem css sieht so aus:

body {
font-size:101%;
height:100%;
background:url('img/bg.png') bottom left fixed repeat-x;
}

gruss
 joshua

[Schuer]

Hallo,

background:url('img/bg.png') bottom left fixed repeat-x;

ich hab's nie probiert, aber hast du jetzt zusätzlich mal width:[echte_breite] und height:100% fürs Background-Image definiert? Denn du willst ja das Bild strecken, nicht nur den Body.

Gruß,
_Dirk

[Detlef G.]

Hallo Dirk, hallo joshua,

ich hab's nie probiert, aber hast du jetzt zusätzlich mal width:[echte_breite] und height:100% fürs Background-Image definiert? Denn du willst ja das Bild strecken, nicht nur den Body.

Ein Hintergrundbild kann _nicht_ gestreckt werden, zumindest noch nicht.

Wenn du einen Farbverlauf verwenden willst, dann musst du diesen entweder so
lang bzw. hoch machen, dass er das gesamte Browserfenster füllt, wobei dann
meist nur ein Teil zu sehen wäre,
oder du gibst dem Body die Farbe als Hintegrundfarbe, mit der dein
Farbverlauf endet.

body {
font-size:101%;
height:100%;
background:url('img/bg.png') bottom left fixed repeat-x;
}

Das ist schonmal sehr gut, du musst jetzt nur noch fesstellen, welche Farbe
dein Verlauf ganz oben hat und dann diese bei background mit einfügen.

Auf Wiederlesen
Detlef

[Schuer]

Hallo,

ich hab's nie probiert, aber

Ein Hintergrundbild kann _nicht_ gestreckt werden,

siehst du, deswegen hab ich's wahrscheinlich auch nie probiert ;-)

Gruß,
_Dirk