Hintergrundbild strecken
goldfish
- css
Hallo!
Ich will in einem div ein Hintergrundelement auf die volle Breite des Elementes Strecken und dann nach unten Wiederholen. Leider ist das Sterecken durch CSS laut Selfhtml nicht unterstützt. Das Img-Element von Html kann ja strecken. Vielleicht könnte man ja dieses Element dafür benutzen. Wenn man das Element im Hintergrund auf die Volle Größe des Div-Elementes aufzieht, würde das ja gehen. Man müßte dann nur noch den Inhalt des Elementes darüberlegen können. Aber wie geht das mit dem darüberlegen? Und ist es mit Img vielleicht doch irgendwie möglich das Seitenverhältnis beizubehalten (zur Not geht´s auch ohne)?
Hi,
Ich will in einem div ein Hintergrundelement auf die volle Breite des Elementes Strecken und dann nach unten Wiederholen. Leider ist das Sterecken durch CSS laut Selfhtml nicht unterstützt.
Soll kommen mit CSS 3. Zumindest soweit ich weiß.
Das Img-Element von Html kann ja strecken. Vielleicht könnte man ja dieses Element dafür benutzen.
Prinzipell ja.
Wenn man das Element im Hintergrund auf die Volle Größe des Div-Elementes aufzieht, würde das ja gehen.
Dafür braucht es kein DIV.
Man müßte dann nur noch den Inhalt des Elementes darüberlegen können.
Ja.
Aber wie geht das mit dem darüberlegen?
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Und ist es mit Img vielleicht doch irgendwie möglich das Seitenverhältnis beizubehalten (zur Not geht´s auch ohne)?
Ja, mit %-Angaben.
eumil
Wenn man das Element im Hintergrund auf die Volle Größe des Div-Elementes aufzieht, würde das ja gehen.
Dafür braucht es kein DIV.
Ich mein das Div, was schon da is, wo das Hintergrundbild "rein" soll.
Aber wie geht das mit dem darüberlegen?
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Danke
Und ist es mit Img vielleicht doch irgendwie möglich das Seitenverhältnis beizubehalten (zur Not geht´s auch ohne)?
Ja, mit %-Angaben.
Ich dachte die beziehen sich auf das Elternelement?
http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe
Ich will ja das Bild auf Größe des Divs aufziehen und nicht auf 200% Originalgröße des Bildes. Mit Beibehalten des Seitenverhältnisses meine ich das des Bildes.
Hi,
Und ist es mit Img vielleicht doch irgendwie möglich das Seitenverhältnis beizubehalten (zur Not geht´s auch ohne)?
Ja, mit %-Angaben.
Ich dachte die beziehen sich auf das Elternelement?
http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe
Ich will ja das Bild auf Größe des Divs aufziehen und nicht auf 200% Originalgröße des Bildes. Mit Beibehalten des Seitenverhältnisses meine ich das des Bildes.
Die Erklärung ist hier nicht ganz eindeutig bzw. sogar falsch.
Wenn Du für das Bild width:100% angibst, dann nimmt es tatsächlich die gesamte Breite des Elternelements (Deines DIV) abzg. padding ein und wird _nicht_ verzerrt. Es sei denn, man versteht unter "verzerrt" die unsaubere Darstellung durch die Skalierung. Ohne eine Angabe zu height werden die Proportionen beibehalten.
freundliche Grüße
Ingo