nicht angemeldet
background-position/position
MudGuardGuten Tag,
in meiner untenstehenden Beispielseite wird mir das (Hintergrund-)Bild nur mit "position" bzw. nur mit den Angaben "width" und "height" angezeigt, jedoch nicht mit "background-position", was meines Erachtens richtiger wäre; oder habe ich da etwas falsch verstanden, und wenn ja, was?
---
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Test1</title>
<link rel="stylesheet" type="text/css" media="screen" href="/home/B1/Test/Test1.css"></link>
</head>
<body>
<div>hhh</div>
<div class="Hintergrundschriftzug"></div>
</body>
</html>
---
in Test1.css steht:
---
.Hintergrundschriftzug {
background-image: url(/home/B1/Internet/Test.png);
background-repeat: no-repeat;
background-attachment: fixed;
position: absolute; width: 100%; height: 100%;}
/* background-position: center center;}*/
---
Es geht mir um`s verstehen; ein eventueller Alternativvorschlag, ich solle das Bild doch in der css-Datei im body oder im html aufführen, bringt mich da nicht weiter - auch ginge es aufgrund der eigentlichen Seitenstruktur nicht.
Dank im Voraus
Dada
-
Tachchen!
Ich bin mir nicht ganz sicher, ob ich dein Posting richtig verstanden habe,
aber ich glaube, du versuchst gerade, ein Hintergrundbild mit position zu
positionieren und dazu noch zu skalieren ... kann das sein?Beides geht nämlich _so_ nicht! ;-)
Mit position richtest du den DIV aus, mit background-position das
Hintergrundbild darin. Letzteres sollte auch durchaus funktionieren.Gruß
Die schwarze Piste
-
Danke für die Komentare.
Die Konstruktion mit "position" stammte aus einer meiner ersten Seiten, und dort funktionierte es (irgendwie). Vor ein paar Tagen kam mir, dass bei einem Hintergrundbild doch "background-position" stehen sollte. Daher findet sich in meinem Beispieltext beides; ich hatte jeweils das eine oder das andere auskommentiert - mit ersterem ging`s, mit dem zweiten nicht. Mein Verständnisfehler war, dass ich beides brauche, dass eine für den Kontainer div und das andere für das Bild.
"Center" ist zwar die Voreinstellung, ich kann die Angabe somit auch weglassen - aber wer garantiert mir das sich alle Browser an die Voreinstellung halten? Siehe w3.org: das erste center ist für die horizontale, das zweite für die vertikale Ausrichtung.
Die Angabe "fixed" hält das Bild auf seinem Bildschirmplatz fest, falls überlange oder -breite Seiten verschoben werden; dies ist hier beabsichtigt. Oder hat fixed auch Auswirkungen auf das, was in background-position angegeben ist?Mit Gruß
Dada-
Hi,
Oder hat fixed auch Auswirkungen auf das, was in background-position angegeben ist?
Ja.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hi,
Oder hat fixed auch Auswirkungen auf das, was in background-position angegeben ist?
Ja.
cu,
AndreasDie Auswirkungen haben mich bisher nicht so tangiert, da es egal war, ob dieser (Hintergrund-)Schriftzug etwas mehr links oder unten saß. Aber es ist gut zu wissen:
If the background image is fixed within the viewport (see the 'background-attachment' property), the image is placed relative to the viewport instead of the element's padding area. For example,
Example(s):
body {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}In the example above, the (single) image is placed in the lower-right corner of the viewport.
[http://www.w3.org/TR/CSS21/colors.html#propdef-background-position]Mit Gruß
Dada
-
-
-
-
Ⓗⓐⓛⓛⓞ Dada!
/* background-position: center center;}*/
Nun ja, warum hast du das auskommentiert? Aber den Fehler hättest du
auch selbst finden können. "center center" macht doch wohl keinen Sinn,
oder?℆, ℒacℎgas
--
Keine Verbesserung ist zu klein oder geringfügig, als dass man
sie nicht durchführen sollte. (Adorno)-
Hi ℒacℎgas
/* background-position: center center;}*/
"center center" macht doch wohl keinen Sinn
Doch: http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
Auch selfHTML ist nicht immer perfekt.Grüße,
Jochen
-
-
Hi,
background-attachment: fixed;
Dir ist klar, welche Auswirkungen das auf die background-position hat?
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.