Hintergrundbild auf 100% Fenstergröße bringen?

[The Knight]

Wie kann ich das Hintergrundbild der HTML-Seite auf 100% der Fenstergröße bringen? Ich arbeite mit CSS.

 

[assmaje]

Wie jetzt?
Ist es doch automatisch! :-? Schick mal den Link zu deiner Site!

 

[gola-noga]

so (css):

body {
 background-image: url("ordner/bild.jpg")
}

 

[The Knight]

Genau, das ist der Code, und wie bekomme ich dieses Bild auf 100% Breite des FEnsters?

 

[assmaje]

Genau, das ist der Code, und wie bekomme ich dieses Bild auf 100% Breite des FEnsters?

Schick mal den Link zu deine Seite...
Und es ist doch sowieso 100%??

 

[Raven]

ich glaube er will es auf 100% strecken, was mit CSS 2.0 glaub ich nicht möglich ist

 

[The Knight]

Gibt keine Website. Und Raven hat es erkannt, ich will es STRECKEN. :)

 

[assmaje]

ich glaube er will es auf 100% strecken, was mit CSS 2.0 glaub ich nicht möglich ist

Aber des bringt doch gar nichts, da wird die Qualität verschlechtert (verpixeltes Bild), und es is eh schlecht, denn bei einer größeren Bildschirmauflösung wird das Bild dann gekachelt. :???:

 

[gola-noga]

eig. müsste, sobald man das bild als background des bodys selektiert, dieses soch volle 100% einehmen...

 

[assmaje]

eig. müsste, sobald man das bild als background des bodys selektiert, dieses soch volle 100% einehmen...

Wenn es kleiner als die Bildschirmauflösung des Betrachters ist, wird es aber gekachelt...

 

[Raven]

Aber des bringt doch gar nichts, da wird die Qualität verschlechtert (verpixeltes Bild), und es is eh schlecht, denn bei einer größeren Bildschirmauflösung wird das Bild dann gekachelt. :???:

wenn es sein wunsch ist ? xD Ich meine so unsinnig ist das ganze ja auch nicht, wenn man umgekehrt denkt. Ich wollte auch mal dass der hintergrund sich dem bildschirm anpasst ohne zu kacheln. Jedoch hatte ich eine Datein die extrem groß war und wollte dass sie sich dem entsprechend verkleinert und dem Bildschirm anpasst (1024 * 768 )

 

[assmaje]

wenn es sein wunsch ist ? xD Ich meine so unsinnig ist das ganze ja auch nicht, wenn man umgekehrt denkt. Ich wollte auch mal dass der hintergrund sich dem bildschirm anpasst ohne zu kacheln. Jedoch hatte ich eine Datein die extrem groß war und wollte dass sie sich dem entsprechend verkleinert und dem Bildschirm anpasst (1024 * 768 )

Stimmt auch wieder, aber dafür muss sie halt riesig sein... ;ugl

 

[littleHtml Freak]

nein, es wird in der regel zentriert dargestellt und zwar in der orginalgröße.

 

[The Knight]

Hab mir was anderes einfallen lassen, weil das Ergebnis nicht meinen Vorstellungen entsprach.
Danke für die Hilfe.

 

[FUN]

Einfach 100% angeben

Damit das bild genau in das fenster passt musst du als höhe und breite "100%" angeben

 

[neuroleptika]

Gefragt wurde ob man ein Hintergrundbild über die ganze Seite strecken kann. Das ist mit css nicht möglich.
Gibt man nichts anderes an, wird das bild oben links (background-position : 0px 0px; ) dargestellt und gekachelt:

#id {
    background-image : url(bild.png);
  }

Möchte man eine Wiederholung vermeiden und das Hintergrundbild im Browserfenster zentrieren, muss man das mit position und repead angeben:

body {
    background-image : url(bild.png);
    background-position : center center;
    background-repeat : no-repeat;
  }

Eine Größenänderung ist nicht möglich.

 

[ChrisR]

ich hab einfach mit photoshop das bild auf 1280x1024 vergrössert und dann hochgeladen.. hat gut geklappt und is kaum verpixelt
^^

 

[Efchen]

Dafür siehts dann halt in noch größeren Browserfenstern doof aus ;-) Ja, das Laster mit den Hintergrundbildern...