nicht angemeldet
Hintergrundbilder auf passende Größe bringen
Der MartinHallo,
ich habe da eine ganz simple Frage:
Gibt es eine CSS-Eigenschaft, die einen Wert hat, der macht, dass Hintergrundbilder eines DIV-Containers oder z.B. des bodys immer auf die richtige größe gebracht werden(also automatisch gestreckt werden)?
Wenn nicht, gibt es Alternativen?
MfG
-
hi,
Gibt es eine CSS-Eigenschaft, die einen Wert hat, der macht, dass Hintergrundbilder eines DIV-Containers oder z.B. des bodys immer auf die richtige größe gebracht werden(also automatisch gestreckt werden)?
Wird's mit CSS 3 voraussichtlich geben.
Wenn nicht, gibt es Alternativen?
Normale Bilder - entsprechend positioniert.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo,
aber wie machen das die Leute, die z.B. Gästebücher haben. Die haben ein CSS-Basiertes Layout und ein Hintergrundbild im z.B. mittleren DIV-Container. Die können ja nie wissen wie lang ein Eintrag ist, also muss sich das Hintergrundbild automatisch vergrößern.MfG
-
Hallo,
Die können ja nie wissen wie lang ein Eintrag ist, also muss sich das Hintergrundbild automatisch vergrößern.
…oder es ist bei kleineren Fenstergrößen nur zum Teil sichtbar.
mfg. Daniel
-
Hallo,
Die können ja nie wissen wie lang ein Eintrag ist, also muss sich das Hintergrundbild automatisch vergrößern.
…oder es ist bei kleineren Fenstergrößen nur zum Teil sichtbar.
neeee, schon ausprobiert.
MfG
-
Hallo,
Die können ja nie wissen wie lang ein Eintrag ist, also muss sich das Hintergrundbild automatisch vergrößern.
…oder es ist bei kleineren Fenstergrößen nur zum Teil sichtbar.
neeee, schon ausprobiert.Auf welcher Seite denn?
mfg. Daniel
-
Hallo,
HUPS, das waren ja Frames. Ich hab gerade noch mal bei der Seite in den Quelltext geschaut und entdeckt, dass da Frames sind.
Naja bei meinem Projekt kommen Frames nicht in Frage... ich hasse Frames.
Wnn "kommt dann CSS 3 raus"?MfG
-
Hallo,
Wnn "kommt dann CSS 3 raus"?
viel wichtiger wäre für die Praxis die Frage: Wann kann man mit einer brauchbaren Unterstützung durch die meistgenutzten Browser rechnen?
Es nützt schließlich nichts, wenn eine Vorschrift, Regel, Spezifikation, whatever, existiert - sie muss auch umgesetzt werden. Das ist ja wie mit der EU: Ganz nett, wenn es zu einem Sachverhalt eine EU-Richtlinie gibt. Aber sie muss von den Mitgliedsstaaten auch in nationale Vorschriften umgesetzt werden, sonst ist sie wertlos.Ciao,
Martin--
Realität ist eine Illusion, die durch Unterversorgung des Körpers mit Alkohol entstehen kann.
-
-
-
-
-
hi,
aber wie machen das die Leute, die z.B. Gästebücher haben. Die haben ein CSS-Basiertes Layout und ein Hintergrundbild im z.B. mittleren DIV-Container. Die können ja nie wissen wie lang ein Eintrag ist, also muss sich das Hintergrundbild automatisch vergrößern.
Du meinst vermutlich, dass es wiederholt, also gekachelt, wird.
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_repeatgruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
Hallo,
Gibt es eine CSS-Eigenschaft, die einen Wert hat, der macht, dass Hintergrundbilder eines DIV-Containers oder z.B. des bodys immer auf die richtige größe gebracht werden(also automatisch gestreckt werden)?
Nein, nicht in CSS2.x.
Wenn nicht, gibt es Alternativen?
Du musst ein weiteren <img>-Element einfügen, und dieses absolut hinter dem <body> positionieren.
etwa so:
CSS:
body {position:relative; z-index: 2;} img.bgimg {position:absolute; top:0; left:0; height:100%; width:100%; z-index:1;}HTML:
[…]<body> <img class="bgimg" src="…" alt="" /> [Inhalt] </body>[…]
mfg. Daniel-
Hallo,
CSS:
body {position:relative; z-index: 2;}
img.bgimg {position:absolute; top:0; left:0; height:100%; width:100%; z-index:1;}Das geht doch nicht so ohne Weiteres. Du müsstest 1. position:fixed nehmen und 2. das Bild mit einem negativen margin versehen (der Firefox scheint an dieser Stelle doch keine Probleme mit neg. margins zu machen). mfg. Daniel -- [Experten raten von der Verwendung des Internet Explorers ab!](http://web.oesterchat.com/internet-explorer/) [Mein SELF-stylesheet](http://danielrichter.da.funpic.de/SELFForumsCSS.html) | [Darum Firefox!](http://www.firefox-love.de/) [Selfcode](http://forum.de.selfhtml.org/cgi-bin/selfcode.pl): [ie:{ fl:( br:> va:) ls:& fo:) rl:( n4:# ss:| de:> js:) mo:} zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%26+fo%3A%29+rl%3A%28+n4%3A%23+ss%3A%7C+de%3A%3E+js%3A%29+mo%3A%7D+zu%3A%7D)
-