kann mir bitte mal einer sagen, wie ich es hinbekomm, dass ich ein hintergrundbild nur einmal und zwar in der mitte der seite angezeigt bekomm??? so dass ich darüber auch noch text darstellen kann
Homepage selbermachen 7.852 Themen, 35.619 Beiträge
Heinz_Malcher (Anonym) „hintergrundbild nur einmal und zentriert anzeigen“
Vielleicht kann dir der folgende Tag helfen, den du in den body Tag einbauen musst (bgproperties=fixed)
Funktioniert allerdings nicht bei älteren netscape versionen
Borlander (Anonym) „hintergrundbild nur einmal und zentriert anzeigen“
| Hier eine Lösung mit CSS: |
|---|
|
<STYLE type="text/css"> <!-- body { background-image: url("bg.gif"); background-attachment:fixed; background-repeat: no-repeat; background-position: center; /* Aus irgendeinem Grund geht das nicht, wenn auch "middle" drinsteht (mit IE4 getestet) */ } //--> </STYLE> |
Diese Lösung funktioniert nur mir IE korrekt, da Netscape die "background-position" nicht interpretiert.
Bei Netscape erscheint das Hintergrundbild links oben. Hier müsstest Du also mit JS unterscheiden.
Beim Vorschlag von Heinz ist zwar die Position des Hintergrundes fest, aber das Bild wird gekachelt angezeigt.
CU Borlander
(Anonym) Nachtrag zu: „hintergrundbild nur einmal und zentriert anzeigen“
Netter Versuch Borlander, aber Netscape Browser unterstützen kein CSS, also wird wohl auch heir H.M.s Möglichkeit die einzige sein. Sorry
(Anonym) Nachtrag zu: „hintergrundbild nur einmal und zentriert anzeigen“
Netscape interpretiert sehr wohl CSS.
Versuch's mit CSS-"Layern". 'z-index' gibt die Reihenfolge der Ebenen
an: 1 = zuhinterst, grösster Index liegt zuvorderst.
<body>
<div style="position:absolute; left:0px; right:0; top:0px; bottom:0;
width:100%; height:100%; z-index:1">
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"><tr><td
align=center valign=middle>
<img src="xyz.jpg" width=200 height=80 border=0 alt="">
</td></tr></table></div>
<div style="position:absolute; left:0px; right:0; top:0px; bottom:0;
width:100%; height:100%; z-index:10">
<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr><td
align=center>
text text text
</td></tr></table></div>
</body>
Das gibt dir auch die Möglichkeit, die Grösse des Hintergrundbildes
an die Grösse des Browserfensters anzupassen, indem du relative Grössenangaben
im image-tag verwendest.
Positioniere die Elemente innerhalb der Layer mithilfe von Tabellen (wie gezeigt).
Diese CSS-Positionierung von Elementen wird recht unterschiedlich interpretiert
durch die verschiedenen Browser.
(Anonym) Nachtrag zu: „Netscape interpretiert sehr wohl CSS. Versuch s mit CSS- Layern . z-index gibt...“
super, funktioniert nur nicht
(Anonym) Nachtrag zu: „super, funktioniert nur nicht“
Was verwendest du denn für einen Browser?
(Anonym) Nachtrag zu: „Was verwendest du denn für einen Browser?“
netscape 6
(Anonym) Nachtrag zu: „netscape 6“
Ich benütze auch Netscape 6. Bei mir funktioniert's mit den Layern. Auch mit Navigator 4.xx.
Hast alle Tags geschlossen? Sind die div-tags im Body drin? Also bei mir klappt's wirklich.
(Anonym) Nachtrag zu: „Ich benütze auch Netscape 6. Bei mir funktioniert s mit den Layern. Auch mit...“
irgendwelche plugins installiert???
